ajax 跨域 Access-Control-Allow-Origin

標籤：

相信大家在項目開發中遇到過 很多跨域問題~ 

那我來說說 ajax（非jsonp） 請求跨域吧 需要後端配合

後端程式 需要在頭資訊加入 跨域允許

header(‘Access-Control-Allow-Origin:‘.$origin);  //$origin允許的網域名
header(‘Access-Control-Allow-Methods:POST‘);
header(‘Access-Control-Allow-Credentials:true‘);//允許cookie擷取

前端程式

$.ajaxSetup({xhrFields: {withCredentials: true}});$.ajax({‘url‘:"http://user.cli.me/api/qrcode_template/gettpl",‘data‘:{‘data1‘:data1,‘data2‘:data2,‘type‘:‘first‘},‘type‘:‘post‘,‘dataType‘:‘json‘,‘success‘:function(ret){if(ret.status==‘1‘){callback(ret.data);}else{alert(ret.msg);}}})

原生的話設定 XMLHttpRequest對象 的 

withCredentials屬性為true

ajax 跨域 Access-Control-Allow-Origin