ajax跨域解決辦法

標籤：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跨域解決辦法