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 相关文章推荐
动态添加js事件实现代码
Mar 12 Javascript
JavaScript 事件属性绑定带参数的函数
Mar 13 Javascript
jQueryUI如何自定义组件实现代码
Nov 14 Javascript
JS date对象的减法处理实现代码
Dec 28 Javascript
jquery选择器、属性设置用法经验总结
Sep 08 Javascript
window.location 对象所包含的属性
Oct 10 Javascript
JavaScript文本框脚本编写的注意事项
Jan 25 Javascript
jQuery扩展+xml实现表单验证功能的方法
Dec 25 Javascript
JavaScript简单生成 N~M 之间随机数的方法
Jan 13 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
vue 兄弟组件的信息传递的方法实例详解
Aug 30 Javascript
vue键盘事件点击事件加native操作
Jul 27 Javascript
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
收集的DedeCMS一些使用经验
2007/03/17 PHP
第三章 php操作符与控制结构代码
2011/12/30 PHP
php读取图片内容并输出到浏览器的实现代码
2013/08/08 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
深入浅析PHP7.0新特征(五大新特征)
2015/10/29 PHP
php和nginx交互实例讲解
2019/09/24 PHP
PHP实现图片防盗链破解操作示例【解决图片防盗链问题/反向代理】
2020/05/29 PHP
js 浮动层菜单收藏
2009/01/16 Javascript
javascript showModalDialog,open取得父窗口的方法
2010/03/10 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
2010/04/01 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
JavaScript toUpperCase()方法使用详解
2016/08/26 Javascript
AngularJs Understanding the Model Component
2016/09/02 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
CSS+jQuery实现简单的折叠菜单
2016/12/20 Javascript
微信小程序 rich-text的使用方法
2017/08/04 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
JS实现简单tab选项卡切换
2019/10/25 Javascript
django使用图片延时加载引起后台404错误
2017/04/18 Python
Python实现判断给定列表是否有重复元素的方法
2018/04/11 Python
python文本数据处理学习笔记详解
2019/06/17 Python
Django对数据库进行添加与更新的例子
2019/07/12 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
2020/01/22 Python
django xadmin action兼容自定义model权限教程
2020/03/30 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
Urban Outfitters德国官网:美国跨国生活方式零售公司
2018/05/21 全球购物
如何提高JDBC的性能
2013/04/30 面试题
大学生护理专业自荐信
2013/10/03 职场文书
酒店总经理岗位职责
2014/03/17 职场文书
初三学生语文考试作弊检讨书
2014/12/14 职场文书
2015年公司国庆放假通知
2015/07/30 职场文书
2016全国“质量月”活动标语口号
2015/12/26 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书