网页常见的集中网络请求
结合以上各个网络请求架构的特点综合考虑：优先选择 Axios。后续中大型项目主要生态为Vue， Vue 项目常用 Axios 配合使用，另外Axios代码简洁易维护，功能扩展性强，同时性能较高。
示例代码如下：以下代码主要逻辑为点击按钮，发起Axios请求，通过访问接口将返回得到的Json数据显示到网页下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Button Click Example</title>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<div id="postList"></div>
</head>
<body>
<button id="btn2">使用Axios发送Get请求</button>
<script>
document.querySelector("#btn2").addEventListener("click",function (params) {
var url = "https://jsonplaceholder.typicode.com/posts";
var paramsdata = {};
axios({
url:url,
method:'GET',
params:paramsdata
}).then(function (res) {
const postListElement = document.getElementById('postList');
res.data.forEach(post => {
const postDiv = document.createElement('div');
postDiv.innerHTML = `
<h3>${post.title}</h3>
<p>${post.body}</p>
<hr>
`;
postListElement.appendChild(postDiv);
});
}).catch(function (error) {
console.log(error);
});
});
</script>
</body>
</html>
标签：原生,jQuery,Axios,请求,url,js,error,data From： https://www.cnblogs.com/leesymbol/p/18636033