ajax跨域解决办法

Posted 2020-09-08 xqnq2007

在使用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函数。