Django之AJAX

时间:2022-05-26 18:42:51

一、预备知识JSON

  python中的json: json.dumps( )      json.loads( )

  JavaScript中的json:JSON.stringify( )       JSON.parse( )

二、AJAX特点

  1、异步  2、局部刷新页面

三、注意,post方式请求时,需要csrftoken,流程如下:

 {% csrf_token %}
 <p>用户名<input id=" type="text" name="username"></p>
 <p>密码<input id=" type="password" name="password"></p>
 <p><button id=">提交</button></p>

 <script src="/static/jquery.js"></script>
 <script>
     var v1 = $("#1").val();
     var v2 = $("#2").val();
     var csrfToken = $("[name='csrfmiddlewaretoken']").val();
     $("#3").click(function(){
         $.ajax({
             url: "/hand/",
             type: "post",
             data: {"v1":v1,"v2":v2,"csrfmiddlewaretoken":csrfToken},
             success:function(arg){
                 alert(arg)
             }
         })
     })
 </script>

四、traditional属性

当data中的值是列表的时候,需要加上traditional:true这个属性,如果值是字典,则需要JSON.stringify(字典)

五、伪造AJAX

六、AJAX原生语句