首页 > 代码库 > ajax跨域解决办法

ajax跨域解决办法

在使用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跨域解决办法