簡單的概括下,解決辦法有兩種。
一種是jsonp方式:即在前端發送異步請求時,添加相關的jsonp設置或配置;后端則返回可供jsonp解析的格式的串。
但是jsonp方式只支持get的請求方式,并且不被新瀏覽器版本的支持(新瀏覽器版本多進行OPITION請求--異步安全檢查的測試的請求,所以jsonp方式無法通過),
這里就不多了解了。
一種是cros方式,優點就是更安全,能指定連接白名單,能限定請求方法(也就是支持多種請求方法),主流瀏覽器都支持。主要說一下實現方式,
前端:和普通異步請求一樣的格式,如:
$.ajax({ url :'http://localhost:8080/myProject/test' type : "GET",//不局限于get data:{"key1":value1,"key2":value2}, async : true, success : function(data) { var dataObj=eval("("+data+")"); console.log(dataObj); }, error : function(data) { alert( "服務器連接失敗 ajaxJsonp" ); } }); 后端:主要是設置響應頭參數
response.setHeader("Access-Control-Allow-Origin", "*");//設置可跨域資源共享的域名,只能設置一個具體的域名,但*可以代表所有 response.setHeader("Access-Control-Allow-Methods","GET,POST,PUT,OPTIONS");//設置可跨域資源共享的請求方式 response.setHeader("Access-Control-Allow-Credentials","true"); response.setHeader("Access-Control-Allow-Headers" ,"Origin, X-Requested-With, Content-Type, Accept");新聞熱點
疑難解答