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 相关文章推荐
制作特殊字的脚本
Jun 26 Javascript
JavaScript游戏之是男人就下100层代码打包
Nov 08 Javascript
jQuery实现密保互斥问题解决方案
Aug 16 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
8个超实用的jQuery功能代码分享
Jan 08 Javascript
JQuery入门基础小实例(1)
Sep 17 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
获取url中用&amp;隔开的参数实例(分享)
May 28 Javascript
详解Node 定时器
Feb 26 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
May 14 Javascript
JavaScript从原型到原型链深入理解
Jun 03 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
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
2011/09/26 Javascript
Kibo 用于处理键盘事件的Javascript工具库
2011/10/28 Javascript
解析Javascript中大括号“{}”的多义性
2013/12/02 Javascript
js中数组(Array)的排序(sort)注意事项说明
2014/01/24 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
js图片轮播效果实现代码
2020/04/18 Javascript
js移动焦点到最后位置的简单方法
2016/11/25 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
2017/03/06 Javascript
vue给input file绑定函数获取当前上传的对象完美实现方法
2017/12/15 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
微信小程序接入vant Weapp组件的详细步骤
2020/10/28 Javascript
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
从零学Python之入门(二)基本数据类型
2014/05/25 Python
Python的Bottle框架的一些使用技巧介绍
2015/04/08 Python
python读取文本中的坐标方法
2018/10/14 Python
详解python中的hashlib模块的使用
2019/04/22 Python
Django中的FBV和CBV用法详解
2019/09/15 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
基于keras输出中间层结果的2种实现方式
2020/01/24 Python
Python输出指定字符串的方法
2020/02/06 Python
详解python 降级到3.6终极解决方案
2020/02/06 Python
python 如何设置守护进程
2020/10/29 Python
Django框架请求生命周期实现原理
2020/11/13 Python
python 如何对logging日志封装
2020/12/02 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
HTML5中form如何关闭自动完成功能的方法
2018/07/02 HTML / CSS
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
PHP经典面试题
2016/09/03 面试题
交通法规咨询中心工作职责
2013/11/27 职场文书
餐饮企业总经理岗位职责范文
2014/02/18 职场文书
质量月口号
2014/06/20 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
javascript数组includes、reduce的基本使用
2021/07/02 Javascript
Redis监控工具RedisInsight安装与使用
2022/03/21 Redis