|
Jquery在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的诧异了。
推荐一篇不错的jQuery Ajax 实例文章，忘记了可以去看看，地址为：http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/
$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()
一、$.ajax的一般格式
$.ajax({
type: 'POST',
url:url,sans-serif; font-size:14px; line-height:25.200000762939453px"> data:data,sans-serif; font-size:14px; line-height:25.200000762939453px"> success:success,sans-serif; font-size:14px; line-height:25.200000762939453px"> 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我的实际应用例子
-
- varaj=$.ajax({
- url:'productManager_reverseUpdate',
- data:{
- selRollBack:selRollBack,
- selOperatorsCode:selOperatorsCode,250); line-height:18px"> PROVINCECODE:PROVINCECODE,250); line-height:18px"> pass2:pass2
- },250); line-height:18px"> type:'post',250); line-height:18px"> cache:false,250); line-height:18px"> dataType:'json',250); line-height:18px"> success:function(data){
- if(data.msg=="true"){
- //view("修改成功！");
- alert("修改成功！");
- window.location.reload();
- }else{
- view(data.msg);
- }
- error:function(){
- //view("异常！");
- alert("异常！");
- });
-
- //2.$.ajax序列化表格内容为字符串的异步请求
- functionnoTips(){
- varformParam=$("#form1").serialize();
- $.ajax({
- url:'Notice_noTipsNotice',250); line-height:18px"> data:formParam,0); padding:0px; margin:0px; width:auto; border:0px">//3.$.ajax拼接url的异步请求
- varyz=$.ajax({
- url:'validatePwd2_checkPwd2?password2='+password2,250); line-height:18px"> data:{},85); font-weight:bold">if(data.msg=="false")
- {
- textPassword2.html("<fontcolor='red'>业务密码不正确！</font>");
- $("#validatePassword2").val("pwd2Error");
- checkPassword2=false;
- return;
- function(){}
- //4.$.ajax拼接data的异步请求
- url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',250); line-height:18px"> data:'merName='+values,250); line-height:18px"> async://默认为true异步
- alert('error');
- $("#"+divs).html(data);
- });
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
