ajax的使用

8次阅读

共计 645 个字符,预计需要花费 2 分钟才能阅读完成。

* 通过在后台与服务器进行少量数据交换,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>
    

正文完
 0