最近在做一個專案需要進行token驗證需要進行跨域請求，又不想去改動后臺的代碼，所以前端進行了請求，還好是Nginx代理的比較好處理，只需要在在http節點下添加三條命令就行了，命令如下：
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
add_header Access-Control-Allow-Headers X-Requested-With;
前端處理代碼
首先是取URl里面的值
<script language="javascript">
function GetRequest() {
var url = window.location.search; //獲取url中"?"符后的字串
console.log(url,'yuans')
var theRequest = new Object();
console.log(url,'213');
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
}
}
return theRequest;
}
</script>
然后再去發起請求
<script language="javascript">
$(function () {
var Request = new Object();
Request = GetRequest();
var userid, token;
userid = Request['userid'];
token = Request['token'];
console.log(Request, 'acc');
console.log(userid, 'acc1');
$.ajax({
type:"get",
url: "http://xxx",// 請求的url地址
data:{'userid':userid,'token':token },
async: true,
dataType: "xml",
success: function (xml) {
var name = $(xml).find('string').text();//獲取xml里面的資料，string為標簽名稱
console.log(xml,'data')
console.log(name, 'cxs');
}
}）
}）
</script>
到此已經取到了驗證token回傳的值
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/933.html
標籤：JavaScript
上一篇：CSS常考知識點
下一篇：Vue基礎(八)：Vue前端互動