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安装rabbitmq踩坑实录
    springboot单元测试
    联想锁屏壁纸所在路径
    ArrayList数组扩容方式(基于jdk1.8)
    SpringCloud + Consul服务注册中心 + gateway网关
    springboot 文件上传及java使用post请求模拟文件上传
    kotlin + springboot启用elasticsearch搜索
    kotlin + springboot整合mybatis操作mysql数据库及单元测试
  • 原文地址:https://www.cnblogs.com/leo-tail-x/p/10102842.html
Copyright © 2011-2022 走看看