Ajax方法好，網站感覺跟高大上，但由于Js的局限，跨域Ajax無法實現，這里，講一下解決辦法，前提是需要能夠自己可以控制flask端的響應。
主要技術：
修改服務器相應的相應頭，使其可以相應任意域名。and設置響應頭，使其能夠相應POST方法。
實現代碼：
這里先放flask代碼：
from flask import [email protected]('/test',methods=['get','post'])def Test(): if request.method=='GET': rst = make_response('aaa') rst.headers['Access-Control-Allow-Origin'] = '*' #任意域名 return rst else: rst = make_response('bbb') rst.headers['Access-Control-Allow-Origin'] = '*' rst.headers['Access-Control-Allow-Methods'] = 'POST' #響應POST return rst
html測試代碼：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><span id="ss">test get</span><button onclick="getAjax()">click</button> <p id="time">test post</p> <input type="submit" value="click" onclick="getPostAjax()"><script> function getPostAjax() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange=function () { if(xmlhttp.readyState=4 && xmlhttp.status ==200 ) { document.getElementById("time").innerText = xmlhttp.responseText; } } xmlhttp.open("POST","http://localhost:5000/test",true); xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); #這句話可以發送post數據，沒有此句post的內容無法傳遞 xmlhttp.send(); } function getAjax() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange=function () { if(xmlhttp.readyState==4 && xmlhttp.status == 200){ document.getElementById("ss").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","http://localhost:5000/test",true); xmlhttp.send(); }</script></body></html>無法控制響應頭
對于這種情況，get請求可以使用jquery完成，post，無能為力。目前前后端均我一人編寫，暫不考慮慮此情況。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
圖片精選
