js跨域

出于安全性的考虑，在AJAX应用中，浏览器通常都会限制跨域提交数据，但这又恰恰是非常常用的需求。比如在a.com的页面上中提交一些请求数据到b.com的服务器上，b.com服务器处理请求完毕后返回响应内容到a.com的页面上。如何解决呢，使用js是比较简单易实现的方案，缺点是代码跟应用相关，无法抽象出模板机制进行重用。
具体的原理和实现是这样的，在a.com的页面上，假设叫a.html, 提交数据的java script 事件中动态添加一个类型为java script 的节点，这个节点指向接收数据的b.com的动态页面，以php为例，假设叫b.php页面。
但是在浏览器(包括IE系和Mozilla系以及Opera等)看来就像是包含一个真正的js脚本一样，因此它会去请求这个
b.php，在b.php中处理相应逻辑之后，返回一小段打印结果的java script 代码即可。返回到a.html后浏览器负责解析这一小段java script 代码，打印或显示出请求结果。正是通过这种‘欺骗’浏览器的方式，实现了数据跨域的功能。
a.html的相关Java script 代码如下：
这个PostData()是数据提交的函数，ShowPrompt()是负责回调的打印结果的小函数
function PostData()
｛
 //.......
 var requestURL =
'http://www.b.com/b.php?data1=' + data1+ '&data2=' + data2 ;
 var objHead = document.getElementsByTagName_r('head');
 var obj script = document.createElement(' script ');
 obj script .type = 'text/java script ';
 obj script .src = requestURL;
 objHead[0].appendChild(obj script );
 //......
}
function ShowPrompt(promptText)
{
 alert(promptText);
}
b.php的相关代码如下：
<?php

 function exitalert($alerttext)
 {
  echo("ShowPrompt('');");
  exit();
 }
//read the request data...
  $alerttext .= "数据已收到，谢谢";
  exitalert($alerttext);
?>
本文来源【学网】网站链接是http://www.xue5.com