1.封装ajax

先在lib文件夹下建立一个js文件

  1. /* 默认赋值,回调函数,箭头函数 */
  2. function http({url,callback,type="get"}){
  3. $.ajax({
  4. url,
  5. type,
  6. dataType:"json",
  7. success: res=>{
  8. callback(res)
  9. }
  10. })
  11. }

2.调用ajax

在需要引用的html里引入

以下两个文件,顺序不能错

  1. <script src="lib/jquery-3.4.1.js"></script>
  2. <script src="lib/http.js"></script>
  3. <script>
  4. var url = "http://localhost:8080/"
  5. http(url,handleData); //调用封装的ajax函数
  6. //handleData就是 载入成功时 的回调函数
  7. function handleData(res){
  8. for(var key in res){
  9. var p = document.createElement("p");
  10. p.innerHTML = res[key];
  11. document.body.append(p)
  12. }
  13. }
  14. <script>