jQuery Ajax使用实例


Posted in Javascript onApril 16, 2015

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的差异了。

$.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.$.ajax带json数据的异步请求 
var aj = $.ajax( {  
  url:'productManager_reverseUpdate',// 跳转到 action  
  data:{  
       selRollBack : selRollBack,  
       selOperatorsCode : selOperatorsCode,  
       PROVINCECODE : PROVINCECODE,  
       pass2 : pass2  
  },  
  type:'post',  
  cache:false,  
  dataType:'json',  
  success:function(data) {  
    if(data.msg =="true" ){  
      // view("修改成功!");  
      alert("修改成功!");  
      window.location.reload();  
    }else{  
      view(data.msg);  
    }  
   },  
   error : function() {  
     // view("异常!");  
     alert("异常!");  
   }  
}); 
 
 
//2.$.ajax序列化表格内容为字符串的异步请求 
function noTips(){  
  var formParam = $("#form1").serialize();//序列化表格内容为字符串  
  $.ajax({  
    type:'post',    
    url:'Notice_noTipsNotice',  
    data:formParam,  
    cache:false,  
    dataType:'json',  
    success:function(data){  
    }  
  });  
}  
 
 
//3.$.ajax拼接url的异步请求 
var yz=$.ajax({  
   type:'post',  
   url:'validatePwd2_checkPwd2?password2='+password2,  
   data:{},  
   cache:false,  
   dataType:'json',  
   success:function(data){  
     if( data.msg =="false" ) //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间  
     {  
        textPassword2.html("<font color='red'>业务密码不正确!</font>");  
        $("#validatePassword2").val("pwd2Error");  
        checkPassword2 = false;  
        return;  
      }  
   },  
   error:function(){}  
});  
 
 
//4.$.ajax拼接data的异步请求 
$.ajax({   
  url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',   
  type:'post',   
  data:'merName='+values,   
  async : false, //默认为true 异步   
  error:function(){   
    alert('error');   
  },   
  success:function(data){   
    $("#"+divs).html(data);   
  } 
});
Javascript 相关文章推荐
jQuery Ajax之$.get()方法和$.post()方法
Oct 12 Javascript
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
Sep 19 Javascript
javascript (用setTimeout而非setInterval)
Dec 28 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 Javascript
jQuery实现带延迟效果的滑动菜单代码
Sep 02 Javascript
js仿手机页面文件下拉刷新效果
Oct 14 Javascript
JavaScript、C# URL编码、解码总结
Jan 21 Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
Sep 28 Javascript
angular实现页面打印局部功能的思考与方法
Apr 13 Javascript
Vue请求JSON Server服务器数据的实现方法
Nov 02 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
使用这 6个Vue加载动画库来减少我们网站的跳出率
May 18 Vue.js
javascript等号运算符使用详解
Apr 16 #Javascript
php常见的页面跳转方法汇总
Apr 15 #Javascript
jquery图片切换实例分析
Apr 15 #Javascript
JavaScript实现的encode64加密算法实例分析
Apr 15 #Javascript
JavaScript实现拖拽网页内元素的方法
Apr 15 #Javascript
jQuery+html5实现div弹出层并遮罩背景
Apr 15 #Javascript
jquery实现简单的无缝滚动
Apr 15 #Javascript
You might like
php array_flip() 删除数组重复元素
2009/01/14 PHP
Symfony2针对输入时间进行查询的方法分析
2017/06/28 PHP
PHP排序算法之冒泡排序(Bubble Sort)实现方法详解
2018/04/20 PHP
不常用但很实用的PHP预定义变量分析
2019/06/25 PHP
JS 时间显示效果代码
2009/08/23 Javascript
javascript date格式化示例
2013/09/25 Javascript
jquery选择符快速提取web表单数据示例
2014/03/27 Javascript
nodejs获取本机内网和外网ip地址的实现代码
2014/06/01 NodeJs
checkbox勾选判断代码分析
2014/06/11 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
Jquery 实现弹出层插件
2015/01/28 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
遍历json 对象的属性并且动态添加属性的实现
2016/12/02 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
2017/04/10 Javascript
JavaScript实现二维坐标点排序效果
2017/07/18 Javascript
Vue项目中设置背景图片方法
2018/02/21 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
2019/04/02 Javascript
vue路由对不同界面进行传参及跳转的总结
2019/04/20 Javascript
Vue.js自定义指令学习使用详解
2019/10/19 Javascript
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
Python中的jquery PyQuery库使用小结
2014/05/13 Python
对于Python中线程问题的简单讲解
2015/04/03 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
Flask框架各种常见装饰器示例
2018/07/17 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
UNIX文件类型
2013/08/29 面试题
高中生校园生活自我评价
2013/09/19 职场文书
幼儿园门卫岗位职责范本
2014/07/02 职场文书
预备党员转正材料
2014/12/19 职场文书
先进党组织事迹材料
2014/12/26 职场文书
高中生毕业评语
2014/12/30 职场文书
党员争先创优承诺书
2015/01/20 职场文书
行政前台岗位职责
2015/04/16 职场文书
毕业论文致谢格式模板
2015/05/14 职场文书
房屋转让协议书(标准范本)
2016/03/21 职场文书