Ajax方法好，網站感覺跟高大上，但由于Js的局限，跨域Ajax無法實現，這里，講一下解決辦法，前提是需要能夠自己可以控制flask端的響應。
主要技術：
修改服務器相應的相應頭，使其可以相應任意域名。and設置響應頭，使其能夠相應POST方法。
實現代碼：
這里先放flask代碼：
from flask import make_response
@app.route('/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，無能為力。目前前后端均我一人編寫，暫不考慮慮此情況。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 www.alabama37th.com 版權所有
違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務
