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 ,

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://www.cnblogs.com/xiaoliu66007/p/4932195.html

jQuery Ajax 实例 ($.ajax、$.post、$.get)相关推荐

  1. jQuery Ajax 实例

    Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看, 地址为:h ...

  2. JQuery ajax()实例

    前端页面: <!doctype html> <html> <head> <meta charset="utf-8"> <tit ...

  3. javaweb+jQuery ajax实例

    什么是ajax AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJA ...

  4. ajax+php+jq+面向对象,php+jquery+ajax+json的一个最简单实例

    html页面: $(function(){ $("#send").click(function(){ var cont = $("input").seriali ...

  5. ajax webservice 参数类型,JQuery Ajax WebService传递参数的简单实例

    Asp.NET中利用jQuery实现Ajax时,在服务器端可以使用aspx,ashx,以及WebService等方式.最近研究了一下WebService方式,jQuery Ajax 方法调用 jQue ...

  6. jQuery ajax - ajax()

    jQuery ajax - ajax() 方法 jQuery Ajax 参考手册 实例 通过 AJAX 加载一段文本: jQuery 代码: $(document).ready(function(){ ...

  7. jQuery系列(十四):jQuery中的ajax

    1.什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在 ...

  8. jquery ajax是什么意思,Jquery ajax

    题目1: jQuery 中, $(document).ready()是什么意思? 当html文档DOM树加载完成,执行ready里的函数. 传递处理函数给.ready()方法,能保证DOM准备好后就执 ...

  9. servlet+JQuery ajax以json的形式的验证表单小实例

    JQuery $.ajax() $.ajax({type: 'POST', //请求方式 一般是get,posturl: url , // 这是必需的,规定把请求发送到哪个 URLdata: data ...

  10. jQuery框架学习第六天:jQuery中的Ajax应用

    一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现A ...

最新文章

  1. linux命令——pwd
  2. 学习VIM编辑器的使用
  3. 序列化技术的选型-技术层面
  4. selenium 等待_Selenium等待:内隐,外显,流利和睡眠
  5. 解决Tomcat.exe或者startup.bat 一闪无法打开的问题
  6. 中国计量学院全国计算机二级报名,中国计量大学教务管理系统入口https://jwc.cjlu.edu.cn/...
  7. 《ANTLR 4权威指南》——第2章纵观全局
  8. 配置远程登陆交换机方法
  9. 强化学习实战(六)【Windows安装星际争霸Ⅱ 强化学习环境教程】
  10. PDO 查询mysql返回字段整型变为String型解决方法
  11. linux远程连接命令有哪些,linux系统远程连接命令有哪些
  12. 3DMax2015的下载和安装
  13. git 找到冲突_git 冲突解决方法 - 卡饭网
  14. CentOS快速安装、配置Web服务器(Apache)
  15. 功耗:Leakage Power
  16. Channel 用法
  17. 手机配件市场上的“隐形巨头”:80后长沙夫妻创办,IPO首日市值逼近600亿
  18. 利用蒙特卡洛(Monte Carlo)方法计算π值
  19. 算法:递归(汉诺塔)
  20. Supervisor守护Java进程_使用Supervisor来守护我们的服务

热门文章

  1. 牛津大学名誉教授Colin Blakemore:大脑是如何计算的?
  2. 权威发布 |《科学美国人》:2018全球十大新兴技术
  3. 科学家发现跨越生命的重要门槛或许没那么难
  4. 计算机视觉大规模爆发,6大细分领域将撑起725亿元市场
  5. 逃课上网吧编程、玩摇滚的另类学生,如何成为独角兽公司的 CTO?
  6. 没有 5G 版 iPhone 的苹果秋季发布会,发布了些什么?
  7. 论对一个程序的满意程度 | 每日趣闻
  8. 传美的投40亿进军卫浴行业
  9. docker存储卷篇
  10. BCH大涨带领币市小幅走高 个别币种走势逐步分化