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

发布时间：2020-12-15 17:09:02 所属栏目：大数据来源：网络整理

导读：1：Jquery.ajax后端交互数据 1 $.ajax({ 2 Url: /路由处理/ , 3 Type: GET/POST, # 传送请求类型 4 Data: {user: “ XXXX”,1)">pass :”XXXX”},1)">设置成键值对传给后端，页面数据可以使用jq取到标签的属性值（html(),val(),text() 等） 5 Success:functi

1：Jquery.ajax后端交互数据

 1 $.ajax({
 2           Url:    /路由处理/, 3           Type:    GET/POST,#传送请求类型
 4           Data: {user: “ XXXX”,1)">pass:”XXXX”},1)">设置成键值对传给后端，页面数据可以使用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             }}),1)">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：部分参数

部分参数：
 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：完成之后执行的回调函数(全局)
                    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,1)">in 1.4 JSON will yield a JavaScript object,1)">in 1.4 script will execute the script,1)">and anything  will be returned as a string
28 
29                  converters： 转换器，将服务器端的内容根据指定的dataType转换类型，并传值给success回调函数
30                          $.ajax({
31                               accepts: {
32                                 mycustomtype: 'application/x-some-custom-type'
33                               },1)">34                               
35                               // Expect a `mycustomtype` back from server
36                               dataType: mycustomtype37 
38                               // Instructions for how to deserialize a `mycustomtype`
39                               converters: {
40                                 text mycustomtype': function(result) {
41                                   // Do Stuff
42                                   return newresult;
43                                 }
44                               },

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!