zoukankan      html  css  js  c++  java
  • ajax

    发送请求的途径:

          1.a标签  GET

          2.form标签  GET/POST

          3.地址栏中输入地址回车  GET

    ajax:

       1.使用js的技术-----发送请求的一种方式

       2.特点:  异步  页面局部刷新  传输的数据量小

    参数:

        $.ajax({

            url: '/ajax_test/',  #请求的地址

            type:'post',    #请求的方式

            data:{      #请求的数据

                name:'alex',

                age:'32',

                hobby:JSON.stringify(['hello','你好','早啊'])

              },

              success:function(res){  #正常响应的回调函数

                 $('[name="ii3"]').val(res)

              },

              error:function(res){  #错误响应的回调函数

              }

          })

    上传文件:

        $('#b1').click(function() {

              var form_obj=new FormData();

              form_obj.append('f1',$('[name="f1"]')[0].files[0])

              $.ajax({

                  url:'/upload/',

                  type:'post',

                  processData:false,  #不需要处理数据编码格式

                  contentType:false,  #不需要处理请求头

                  data:from_obj,

                  success:function(res){

                        alert(res)

                  }

              })

          })

    ajax可以提交POST请求的方式:

        1.页面中使用{% csrf_token %},给POST提交数据中添加csrfmiddlewaretoken的键值对

           data:{

                'csrfmiddlewaretoken':$('[name="csrfmiddlewaretoken"]').val(),

                i1:$('[name="i1"]').val(),

                i2:$('[name="i2"]').val()

             },

        2.添加X-csrftoken的请求头

            headers:{

                  'X-csrftoken':$('[name="csrfmiddlewaretoken"]').val(),

                },

          3,写文件

              从cookie中获取值,添加到请求头中

              必须确保有csrftoken的cookie

              from django.views.decorators.csrf import ensure_csrf_cookie

  • 相关阅读:
    背水一战 Windows 10 (90)
    背水一战 Windows 10 (89)
    背水一战 Windows 10 (88)
    背水一战 Windows 10 (87)
    背水一战 Windows 10 (86)
    背水一战 Windows 10 (85)
    背水一战 Windows 10 (84)
    背水一战 Windows 10 (83)
    背水一战 Windows 10 (82)
    背水一战 Windows 10 (81)
  • 原文地址:https://www.cnblogs.com/leo-tail-x/p/10102842.html
Copyright © 2011-2022 走看看