$.ajax()的使用

*通過在後臺與服務器進行少量數據交換，Ajax 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新，發送請求。

常規使用:

$.ajax({
    url:"http://www.microsoft.com",    //請求的url地址
    dataType:"json",   //返回格式爲json
    async:true,//請求是否異步，默認爲異步，這也是ajax重要特性
    data:{"id":"value"},    //參數值
    type:"POST",   //請求方式
    beforeSend:function(){
        //請求前的處理
    },
    success:function(req){
        //請求成功時處理
    },
    complete:function(){
        //請求完成的處理
    },
    error:function(){
        //請求出錯處理
    }
});

和頁面from表單配合：

    <form>
        {% csrf_token %}
        <input type="text" name="username">
        <input type="submit" value="提交" onclick="sum()">
    </form>
    
        
        <script>
        function sum() {
        $.ajax({
            url:'http://127.0.0.1:8000/test/',
            data: $('form').serialize(),
            type:'post',
            dataType:'json',
            success: function (req) {
                alert(req.name)
            }
        })
    }
    
    </script>