zoukankan      html  css  js  c++  java
  • $(.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>
        
    
  • 相关阅读:
    python基础(5)
    python基础(4)
    python基础(3)
    python基础(2)
    第一个python程序(2)
    第一个python教程(1)
    【jQuery】
    【JavaScript】
    【练习】HTML+CSS
    【练习】Html
  • 原文地址:https://www.cnblogs.com/lemonbk/p/11146610.html
Copyright © 2011-2022 走看看