调用Ajax接口并显示返回参数。
前端需要调用接口并返回结果时,可以使用Ajax。鸡程序员不太懂原理,但是看了很多网上教程很麻烦。这里有一个我成功实现的案例。
使用id来定位需要修改的部分点击按钮时触发loadDoc()函数使用console.log(‘error’)可以在控制台打出想看的东西xhttp.open(“POST”, “http://localhost:5000/users/xxxxx/me”, true);使用POST向接口发送请求,true表示异步请求xhttp.setRequestHeader(‘content-type’, ‘application/json’);设置请求的headerxhttp.send(JSON.stringify(sendData));将变量json格式化后传输xhttp.onreadystatechange = function()在这里执行想要进行的html变换的操作,JSON.parse(xhttp.responseText)<!DOCTYPE html><html><body><h1>XMLHttpRequest target</h1><button type="button" onclick="loadDoc()">Request Data</button><p>suggestion: <span id="demo"> </span></p><script>function loadDoc() { console.log('error'); var xhttp = new XMLHttpRequest(); xhttp.open("POST", "http://localhost:5000/users/xxxxx/me", true); xhttp.setRequestHeader('content-type', 'application/json'); var sendData = {"abc":123}; //将用户输入值序列化成字符串 xhttp.send(JSON.stringify(sendData)); xhttp.onreadystatechange = function() { if (xhttp.readyState == 4) { var jsonObj = JSON.parse(xhttp.responseText); document.getElementById("demo").innerHTML = jsonObj.data.adjustPeriod console.log(jsonObj.data.adjustPeriod); } }}</script></body></html>
Ajax跨领域问题解决
Python,flask创建app实例时,只需添加以下代码:
from flask_cors import CORS# 创建app实例对象 app = Flask(__name__) CORS(app)
本文来自永远太远投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/565762.html