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

ajax跨域解决办法

时间:2017-04-05 01:24:46      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:stat   类型   dump   返回   跨域问题   解决   使用   数据   result   

在使用jquery的ajax作请求时,http://127.0.0.1:8080,类似这样的一个本地请求,会产生跨域问题,

解决办法一:

jsonp:

var url= "http://127.0.0.1:8080/botinterface/?p1="+input+"&callback=?";
jQuery(‘#input‘).val(‘‘);
replaceText(‘me‘,input);
$.ajax({
type: "POST",
url: url,
dataType:"jsonp",
success:function(data,textStatus,jqXHR){
console.log(data.result)
replaceText(‘robot‘,data.result)
},
error:function(xhr,textStatus){
alert(‘error‘);
console.log(‘错误‘)
},

})

也就是在请求中加入callback参数,同时将dataType设置为jsonp类型,

在服务器端的返回数据也要封装成jsonp类型,

tmpresult={"result":tmpanswer}
callback = request.GET[‘callback‘]
return HttpResponse(‘%s(%s)‘ % (callback,json.dumps(tmpresult)))

如上为django中返回jsonp格式数据的代码,其中request.GET[‘callback‘]获取到了请求中的jsonp函数。

ajax跨域解决办法

标签:stat   类型   dump   返回   跨域问题   解决   使用   数据   result   

原文地址:http://www.cnblogs.com/xqnq2007/p/6666841.html

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