jQuery ajax跨域异步请求

5 篇文章 0 订阅
有时候我们会遇到跨域异步请求,比如统计一个静态站的访问量,有的人认为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')";

简单说明一下:

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)。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值