博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery相关
阅读量:7027 次
发布时间:2019-06-28

本文共 1947 字,大约阅读时间需要 6 分钟。

hot3.png

  1. 事件绑定可以追加,多绑定点代码,不影响

  2. ajax的使用

//

$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()

 

一、$.ajax的一般格式

$.ajax({

     type: 'POST',

     url: url ,

    data: data ,

    success: success ,

    dataType: dataType

});

 

二、$.ajax的参数描述

参数 描述

url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType

可选。规定预期的服务器响应的数据类型。

默认执行智能判断(xml、json、script 或 html)。

 

三、$.ajax需要注意的一些地方:

  1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。

  2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit

四、$.ajax我的实际应用例子

  1. //1.$.ajax带json数据的异步请求  

  2. var aj = $.ajax( {    

  3.     url:'productManager_reverseUpdate',// 跳转到 action    

  4.     data:{    

  5.              selRollBack : selRollBack,    

  6.              selOperatorsCode : selOperatorsCode,    

  7.              PROVINCECODE : PROVINCECODE,    

  8.              pass2 : pass2    

  9.     },    

  10.     type:'post',    

  11.     cache:false,    

  12.     dataType:'json',    

  13.     success:function(data) {    

  14.         if(data.msg =="true" ){    

  15.             // view("修改成功!");    

  16.             alert("修改成功!");    

  17.             window.location.reload();    

  18.         }else{    

  19.             view(data.msg);    

  20.         }    

  21.      },    

  22.      error : function() {    

  23.           // view("异常!");    

  24.           alert("异常!");    

  25.      }    

  26. });  

  27.   

  28.   

  29. //2.$.ajax序列化表格内容为字符串的异步请求  

  30. function noTips(){    

  31.     var formParam = $("#form1").serialize();//序列化表格内容为字符串    

  32.     $.ajax({    

  33.         type:'post',        

  34.         url:'Notice_noTipsNotice',    

  35.         data:formParam,    

  36.         cache:false,    

  37.         dataType:'json',    

  38.         success:function(data){    

  39.         }    

  40.     });    

  41. }    

  42.   

  43.   

  44. //3.$.ajax拼接url的异步请求  

  45. var yz=$.ajax({    

  46.      type:'post',    

  47.      url:'validatePwd2_checkPwd2?password2='+password2,    

  48.      data:{},    

  49.      cache:false,    

  50.      dataType:'json',    

  51.      success:function(data){    

  52.           if( data.msg =="false" ) //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间    

  53.           {    

  54.                textPassword2.html("<font color='red'>业务密码不正确!</font>");    

  55.                $("#validatePassword2").val("pwd2Error");    

  56.                checkPassword2 = false;    

  57.                return;    

  58.            }    

  59.       },    

  60.       error:function(){}    

  61. });   

  62.   

  63.   

  64. //4.$.ajax拼接data的异步请求  

  65. $.ajax({     

  66.     url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',     

  67.     type:'post',     

  68.     data:'merName='+values,     

  69.     async : false//默认为true 异步     

  70.     error:function(){     

  71.        alert('error');     

  72.     },     

  73.     success:function(data){     

  74.        $("#"+divs).html(data);     

  75.     }  

  76. });  

 

转载于:https://my.oschina.net/u/1046202/blog/493306

你可能感兴趣的文章
那些最好的轮子 - PHP篇
查看>>
1.2方程求根之不定点迭代法
查看>>
css attr 利用特殊字体 图片 :before content
查看>>
移动平台3G手机网站前端开发布局技巧汇总(转)
查看>>
2018-2019-1 20165231《信息安全系统设计基础》第一周学习总结
查看>>
VSSより、指定したファイルを取得するマクロ(パス入り)
查看>>
Android控件第7类——对话框
查看>>
执行JS
查看>>
学校中有老师和学生两类人,而在职研究生既是老师又是学生,对学生的管理和对教师的管理在他们身上都有体现。...
查看>>
黑马程序员——JAVA学习笔记七(String类)
查看>>
20135202闫佳歆20135220谈愈敏实验一
查看>>
CodeForces 678D Iterated Linear Function
查看>>
ACdream 1083 人民城管爱人民
查看>>
内存缓存memory-cache
查看>>
MultiByteToWideChar
查看>>
centos7下zookeeper集群安装部署
查看>>
Code Generation => Table -> Class for DataGridView use
查看>>
CSS预处理器——Sass、LESS和Stylus实践【未删减版】
查看>>
centos7 hdfs yarn spark 搭建笔记
查看>>
spring boot中的jave注解学习
查看>>