1.封装ajax
先在lib文件夹下建立一个js文件
/* 默认赋值,回调函数,箭头函数 */
function http({url,callback,type="get"}){
$.ajax({
url,
type,
dataType:"json",
success: res=>{
callback(res)
}
})
}
2.调用ajax
在需要引用的html里引入
以下两个文件,顺序不能错
<script src="lib/jquery-3.4.1.js"></script>
<script src="lib/http.js"></script>
<script>
var url = "http://localhost:8080/"
http(url,handleData); //调用封装的ajax函数
//handleData就是 载入成功时 的回调函数
function handleData(res){
for(var key in res){
var p = document.createElement("p");
p.innerHTML = res[key];
document.body.append(p)
}
}
<script>