码迷,mamicode.com
首页 > Web开发 > 详细

AJAX跨域问题

时间:2017-07-11 09:39:33      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:ror   信息   html   asp   一个   修改   pca   desc   data   

产生原因:

同一个IP、同一个网络协议、同一个端口,三者都满足就是同一个域,否则就是跨域问题了,部分浏览器为了安全考虑,不允许不同域名的ajax请求,但可以通过服务端手动修改。

方法一:

response.setHeader("Access-Control-Allow-Origin", "*");

方法二:

JSON格式

{
    "message":"获取成功",
    "state":"1",
    "result":{"name":"工作组1","id":1,"description":"11"}
}

JSONP格式

callback({
    "message":"获取成功",
    "state":"1",
    "result":{"name":"工作组1","id":1,"description":"11"}
})

 

 $.ajax({
             type: "get",
             async: false,
             url: "http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998",
             dataType: "jsonp",
             jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
             jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
             success: function(json){
                 alert(‘您查询到航班信息:票价: ‘ + json.price + ‘ 元,余票: ‘ + json.tickets + ‘ 张。‘);
             },
             error: function(){
                 alert(‘fail‘);
             }
         });
     });

原文地址:说说JSON和JSONP,也许你会豁然开朗,含jQuery用例

AJAX跨域问题

标签:ror   信息   html   asp   一个   修改   pca   desc   data   

原文地址:http://www.cnblogs.com/mrelk/p/7138279.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!