有时候我们会遇到跨域异步请求,比如统计一个静态站的访问量,有的人认为javascript是不能跨域的,其实不然,jQuery就可以跨域,下面是对jQuery.ajax跨域使用的一个简单介绍。
先看一段javascript代码:
jQuery.ajax({
url:'http://cms.juren.com.cn/?action=news!click',
dataType:'jsonp',
jsonp:'test',
data:{'nodeID':nodeID,'tagID':tagID},
success:function(data){
alert('nodeID:' + data.nodeID + ',' + 'tagID:' + data.tagID);
},
error:function(err){
alert(err.status);
}
});
再看一段php代码:
$nodeID = $_GET['nodeID'];
$tagID = $_GET['tagID'];
echo $_GET['test'] . "({'nodeID':'$nodeID','tagID':'$tagID'})";
服务器端返回的数据格式不一定非要是json格式,也可以返回一个字符串,例如:
echo $_GET['test'] . "('hello world')";
先看一段javascript代码:
jQuery.ajax({
url:'http://cms.juren.com.cn/?action=news!click',
dataType:'jsonp',
jsonp:'test',
data:{'nodeID':nodeID,'tagID':tagID},
success:function(data){
alert('nodeID:' + data.nodeID + ',' + 'tagID:' + data.tagID);
},
error:function(err){
alert(err.status);
}
});
再看一段php代码:
$nodeID = $_GET['nodeID'];
$tagID = $_GET['tagID'];
echo $_GET['test'] . "({'nodeID':'$nodeID','tagID':'$tagID'})";
服务器端返回的数据格式不一定非要是json格式,也可以返回一个字符串,例如:
echo $_GET['test'] . "('hello world')";
简单说明一下:
1、jQuery.ajax中有一个参数type是指定请求方式的,其值为'get'或'post',但是经过测试,在异步请求中设置这个值是无作用的,服务器端都得用$_GET去获取参数,所以实例代码中没有设置改参数。
2、如果是异步请求jQuery.ajax中的dataType参数值必须是'jsonp'。
3、使用jsonp类型,会创建一个查询字符串参数callback,这个参数会加在请求的URL后面,服务器端应当在数据前加上回调函数名,以便完成一个有效的JSONP请求,如果要指定回调函数的参数名来取代默认的callback,可以通过设置jQuery.ajax的jsonp参数,如本实例中改成了'test'。
4、注意服务器端返回数据时在数据前加上了回调函数的名称,也就是jQuery.ajax中的jsonp参数值(默认为callback)。