• 【Django入坑之路】Django与Query Ajax的交互


    1:Jquery.ajax后端交互数据

     1 $.ajax({
     2           Url:    /路由处理/,    
     3           Type:    GET/POST,        #传送请求类型
     4           Data: {user: “ XXXX”,pass:”XXXX”},    #设置成键值对传给后端,页面数据可以使用jq取到标签的属性值(html(),val(),text() 等)
     5           Success:function (arg) {        #载入成功时回调函数,arg是后端返回的Json数据
     6            var arg = JSON.parse(arg)     #将Json数据转换成键值对,python返回数据的序列化(json.dumps(字典))
     7            $(标签).val(arg.key)               #在某个标签上显示返回的数据,arg.key某个键
     8            window.location.reload();      #JQ的刷新页面方法
     9     
    10             }}),    
    11 
    12 
    13 PS:jq取得表单的数据并且存放键值对:
    14              data:$(“#fm标签 id名字”).serialize()  
    View Code

    判断两个name一样的:
        if (对象的.gander== Ture){
             $(“radio男的标签”).attr(“checked”,”checked)
        }else{
             $(“radio女的标签”).attr(“checked”,”checked)
    }

     selet标签:

          $(“selet设置的class”).get(0).selectedIndex=对象索引值(数据库传数据的时候要-1,因为这是从0开始取值的)
     

    2:部分参数

     1 部分参数:
     2 
     3                         url:请求地址
     4                        type:请求方式,GET、POST(1.9.0之后用method)
     5                     headers:请求头
     6                        data:要发送的数据
     7                 contentType:即将发送信息至服务器的内容编码类型(默认: "application/x-www-form-urlencoded; charset=UTF-8")
     8                       async:是否异步
     9                     timeout:设置请求超时时间(毫秒)
    10 
    11                  beforeSend:发送请求前执行的函数(全局)
    12                    complete:完成之后执行的回调函数(全局)
    13                     success:成功之后执行的回调函数(全局)
    14                       error:失败之后执行的回调函数(全局)
    15                 
    16 
    17                     accepts:通过请求头发送给服务器,告诉服务器当前客户端课接受的数据类型
    18                    dataType:将服务器端返回的数据转换成指定类型
    19                                    "xml": 将服务器端返回的内容转换成xml格式
    20                                   "text": 将服务器端返回的内容转换成普通文本格式
    21                                   "html": 将服务器端返回的内容转换成普通文本格式,在插入DOM中时,如果包含JavaScript标签,则会尝试去执行。
    22                                 "script": 尝试将返回值当作JavaScript去执行,然后再将服务器端返回的内容转换成普通文本格式
    23                                   "json": 将服务器端返回的内容转换成相应的JavaScript对象
    24                                  "jsonp": JSONP 格式
    25                                           使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数
    26 
    27                                   如果不指定,jQuery 将自动根据HTTP包MIME信息返回相应类型(an XML MIME type will yield XML, in 1.4 JSON will yield a JavaScript object, in 1.4 script will execute the script, and anything else will be returned as a string
    28 
    29                  converters: 转换器,将服务器端的内容根据指定的dataType转换类型,并传值给success回调函数
    30                          $.ajax({
    31                               accepts: {
    32                                 mycustomtype: 'application/x-some-custom-type'
    33                               },
    34                               
    35                               // Expect a `mycustomtype` back from server
    36                               dataType: 'mycustomtype'
    37 
    38                               // Instructions for how to deserialize a `mycustomtype`
    39                               converters: {
    40                                 'text mycustomtype': function(result) {
    41                                   // Do Stuff
    42                                   return newresult;
    43                                 }
    44                               },
  • 相关阅读:
    实现移动端上拉加载效果
    前端日常常用git命令
    css中单位em和rem的区别
    Sass框架的应用
    flex(弹性盒模型)布局写一个移动端
    windows和mac下分别配置虚拟主机
    把简单的二维数组变成一维数组
    go异常处理
    nginx中在超全局变量$_SERVER中增加变量
    阿里云接口异常-Can not find endpoint to access
  • 原文地址:https://www.cnblogs.com/wanghong1994/p/11602252.html
Copyright © 2020-2023  润新知