在js和后台进行数据交互时可能出现跨域的问题。
所谓的跨域是:比如说我的静态页面是在域名http://test.xoyo.com下的a.html,但是我的后台文件是在http://test1.xoyo.com下面的a.php,我需要在将数据在a.html和a.php下进行交互,这样就涉及到跨域了。
解决跨域的方法我一般采用的是JSONP:
首先,我们在静态页面写入js:
jQuery.getJSON("http://website/test1/index.php?name=name&pwd=pwd&code=check&callback=?",function(object){
alert(object.object);//返回的数据
});
}
其中后面的&callback=?参数必须要带上的。
其次,在后台数据输出时应该这样:
$result = array('num'=>6); $jsonData =json_encode($result); echo $_GET['callback'] . '(' . $jsonData . ');';
其中echo输出的$_GET['callback'] 是必须加上的。
这样数据就可以进行交互了。
具体网址可以查看:http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/