$.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>

相关推荐