jqueryajax中data属性详解
[html]
1. $.post、$.get是⼀些简单的⽅法,如果要处理复杂的逻辑,还是需要⽤到jQuery.ajax()
2.
3. ⼀、$.ajax的⼀般格式
4. $.ajax({
5.      type: 'POST',
6.      url: url ,
7.    data: data ,
8.    success: success ,
9.    dataType: dataType
10. });
11.
12. ⼆、$.ajax的参数描述
13. 参数描述
14. url 必需。规定把请求发送到哪个 URL。
15. data    可选。映射或字符串值。规定连同请求发送到服务器的数据。
16. success(data, textStatus, jqXHR)    可选。请求成功时执⾏的回调函数。
17. dataType
18. 可选。规定预期的服务器响应的数据类型。
19. 默认执⾏智能判断(xml、json、script 或 html)。
20.
21. 三、$.ajax需要注意的⼀些地⽅:
22.  1.data主要⽅式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。
23.  2.$.ajax只提交form以⽂本⽅式,如果异步提交包含<file>上传是传过不过去,需要使⽤jquery.form.js的$.ajaxSubmit
24.
25. 四、$.ajax我的实际应⽤例⼦
26. Js代码收藏代码
27. //1.$.ajax带json数据的异步请求
28. var aj = $.ajax( {
29.    url:'productManager_reverseUpdate',// 跳转到 action
30.    data:{
31.              selRollBack : selRollBack,
32.              selOperatorsCode : selOperatorsCode,
33.              PROVINCECODE : PROVINCECODE,
34.              pass2 : pass2
35.    },
36.    type:'post',
37.    cache:false,
38.    dataType:'json',
39.    success:function(data) {jquery ajax例子
40.        if(data.msg =="true" ){
41.            // view("修改成功!");
42.            alert("修改成功!");
43.            load();
44.        }else{
45.            view(data.msg);
46.        }
47.      },
48.      error : function() {
49.          // view("异常!");
50.          alert("异常!");
51.      }
52. });
53.
54.
55. //2.$.ajax序列化表格内容为字符串的异步请求
56. function noTips(){
57.    var formParam = $("#form1").serialize();//序列化表格内容为字符串
58.    $.ajax({
59.        type:'post',
60.        url:'Notice_noTipsNotice',
61.        data:formParam,
62.        cache:false,
63.        dataType:'json',
64.        success:function(data){
65.        }
66.    });
67. }
68.
69.
70. //3.$.ajax拼接url的异步请求
71. var yz=$.ajax({
72.      type:'post',
73.      url:'validatePwd2_checkPwd2?password2='+password2,
74.      data:{},
75.      cache:false,
76.      dataType:'json',
77.      success:function(data){
78.          if( data.msg =="false" ) //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间
79.          {
80.                textPassword2.html("<font color='red'>业务密码不正确!</font>");
81.                $("#validatePassword2").val("pwd2Error");
82.                checkPassword2 = false;
83.                return;
84.            }
85.      },
86.      error:function(){}
87. });
88.
89.
90. //4.$.ajax拼接data的异步请求
91. $.ajax({
92.    url:'<%=ContextPath()%>/kc/kc_checkMerNameUnique.action',
93.    type:'post',
94.    data:'merName='+values,
95.    async : false, //默认为true 异步
96.    error:function(){
97.        alert('error');
98.    },
99.    success:function(data){
100.        $("#"+divs).html(data);
101.    }
102. });

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。