1.jquery-ajax的传参

  1. 1.请求的地址url
  2. 2.请求的方式 type:get,post
  3. 3.数据类型  datatype:json  jsonp
  4. 4.data
  5. 5.数据连接成功 success
  6. 6.连接失败 error
  7. 7.beforeSend()--连接成功之前的一个函数

实现加载条

  1. jquery-js
  2. 1.可以直接搜索jQuery  进入jQuery官网
  3. 2.点击Download jQuery  下载
  4. 3.下载完了之后放进自己的文件夹下，就可以在本地直接引用
  5. <script src="lib/jquery-3.4.1.js"> </script>
  7. <style>
  8.   body{
  9.     background:pink;
  10.   }
  11. #loading{
  12.   position:fixed;
  13.   left:0;right:0;top:0;bottom:0;
  14.   display:flex;
  15.   justify-content:center;
  16.   align-items:center; 
  17.   background:red;
  18. }
  1.     <div id="loading">
  2.         <img src="images/giphy.gif" alt="">     
  3.     </div>
  4.     加载成功
  5.     <script>
  6.         var url="https://www.easy-mock.com/mock/5d67436224fd60626abfe906/ajax/base"
  7.         /* ajax传参
  8.         1.请求的地址
  9.         2.请求的方式 get,post
  10.         3.数据类型
  11.         */
  12.         $.ajax({
  13.             url:url,
  14.             type:"get",
  15.             dataType:"json",
  16.             //实现加载画面
  17.             //连接成功
  18.             success:function(res){
  19.                 console.log(res)
  20.                 $("#loading").hide()
  21.             },
  22.             //连接失败
  23.             error:function(err){
  24.                 console.log(err)
  25.             },
  26.             //发送之前
  27.             beforeSend:function(){
  28.                 $("#loading").show()
  29.             }     
  30.         })
  31.         </script>

用jQuery实现ajax时，需要$.ajax({…..})把参数写在括号里面