Ajax的$.ajax()的使用

AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）

就是在不刷新整个网页的情况下，异步刷新实时变化的数据。例如，浏览博客的时候，正文部分基本不改变，上部通知栏和的侧边点赞评论数据需要刷新。因此，在刷新页面时，除了博客正文，其他需要进行刷新。

在写网页的时候使用了JQuery的框架，里面用到了Ajax请求，示例代码如下：

<script src="jquery-3.3.1.js"></script>
<script>

$(document).ready(function(){
    
    $("#btn").click(

        $.ajax({
             url:"http://127.0.0.1/user/info/",    //请求的后端url地址
             dataType:"json",   //数据返回格式为json
             async:true,        //请求是否异步，默认为异步，这也是ajax重要特性
             data:{"id":"value"},    //post方法传递给后端的数据
             type:"POST",   //请求方式 post get head...

             contentType:'application/json;charset=utf-8', 
             //默认值: “application/x-www-form-urlencoded”。发送信息至服务器时内容编码类型。如果使用application/json;charset=utf-8，最好将数据转成json格式
             
             beforeSend:function(){
                   //请求前的处理
             },
             success:function(req){
                  //请求成功时处理
                  alert("success")
                  console.info(data)
             },
             complete:function(){
                  //请求完成的处理
             },
             error:function(){
                 //请求出错处理
             }
           })
         )
        });
    });
</script>