用w3去发ajax请求示例_ajax w3-CSDN博客

本文链接：https://blog.csdn.net/weixin_55017680/article/details/122258249

W3在线JavaScript编辑：

https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_post2

<!DOCTYPE html>
<html>
<body>

<h2>The XMLHttpRequest Object</h2>
<button type="button" οnclick="loadDoc()">Request data</button>

<p id="demo"></p>

<script>
function loadDoc() {

//创建xmlhttprequest对象
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
//将ajax请求返回的文本转换为json对象：JSON.parse(xhttp.responseText)
var arr=JSON.parse(xhttp.responseText).data.pageInfo;
for (let i = 0; i < arr.length; i++) {
document.getElementById("demo").innerHTML += arr[i].code+'<br>'
}
}

xhttp.open("POST", "https://drp-operation-apac-api.myoppo.com/drp/staff/web/store/storeSearch");

//添加一些请求表头
xhttp.setRequestHeader("Content-type", "application/json");
xhttp.setRequestHeader("app-id", "42");
xhttp.setRequestHeader("token", "d9fa9206856997c9f0c9c6f53124eddb1e64c75a3d6c3b9156336ef43d864186");
xhttp.setRequestHeader("x-authority-id", "161212");

//请求的入参放在send方法里面
xhttp.send('{"pageSize":40,"pageNo":1}');

}
</script>

</body>
</html>