$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フォームに合わせる:

    

        {% csrf_token %}
        
        
    
    
        
        
        function sum() {
        $.ajax({
            url:'http://127.0.0.1:8000/test/',
            data: $('form').serialize(),
            type:'post',
            dataType:'json',
            success: function (req) {
                alert(req.name)
            }
        })
    }