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 });

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/247781.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

element ui封装 tree下拉框

展示&#xff1a; 子组件封装 <!-- 树状选择器 科室树形 --> <template><el-popoverref"popover"placement"bottom-start"trigger"click"show"onShowPopover"hide"onHidePopover"><el-treeref&quo…

前端开发-热更新原理解读

- 一、websocket简介- 二、热跟新原理- 三、实例剖析- 四、总结websocket简介 在h5推出之前&#xff0c;浏览器应用跟服务器端通信的机制只有http协议&#xff0c;http是一种无状态的网络协议&#xff0c;前端向服务器发起一个请求&#xff0c;服务器给出一次应答&#xff…

HTML5事件—visibilitychange 页面可见性改变事件

又看到一个很有意思的HTML5事件 visibilitychange事件是浏览器新添加的一个事件&#xff0c;当浏览器的某个标签页切换到后台&#xff0c;或从后台切换到前台时就会触发该消息&#xff0c;现在主流的浏览器都支持该消息了&#xff0c;例如Chrome, Firefox, IE10等。虽然这只是一…

java回型数

import java.util.Arrays;public class hello {public static void main(String[] args) {//输出5*5的int n 5;int [][] huizixingnew int[n][n];int minX0;//x轴最小下标int minY0;//y轴最小下标int maxXn-1;//x轴最大下标int maxYn-1;//y轴最大下标int counter0;//计数int xf…

用CSS3 vh 简单实现DIV全屏居中

vh、vw、vmin、vmax介绍 vw&#xff1a;视窗宽度的百分比&#xff08;1vw 代表视窗的宽度为 1%&#xff09;vh&#xff1a;视窗高度的百分比vmin&#xff1a;当前 vw 和 vh 中较小的一个值vmax&#xff1a;当前 vw 和 vh 中较大的一个值 浏览器兼容性 &#xff08;1&#xff09…

解决360等等浏览器兼容模式解析不兼容代码

之前写的代码不是很规范 , 在今天测试下发现360浏览器等等的浏览器使用兼容模式会有很多不兼容 , 网上了解过一下 , 说是很多浏览器的兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理解的兼容二字 ... OK!跑题了 ... 我的解决方案是在页面head加<meta http…

缩小窗口时CSS背景图出现右侧空白BUG的解决方法

页面容器&#xff08;#wrap&#xff09;与页面头部&#xff08;#header &#xff09;为100%宽度。而内容的容器&#xff08;#page&#xff09;为固定宽度960px。浏览窗口缩小而小于内容层宽度时会产生宽度理解上的差异。如下图所示窗口宽度大于内容层宽度&#xff1a; 改变浏览…

JAVA链接Mysql数据库(一)

第一步自定义 properties 文件 userroot password12345 urljdbc:mysql://localhost:3306/test?useUnicodetrue&characterEncodingutf8 driverClasscom.mysql.jdbc.Driver第二部 创建 java 文件运行 import java.io.InputStream; import java.sql.Connection; import java…

优化器,SGD+Momentum;Adagrad;RMSProp;Adam

Optimization 随机梯度下降&#xff08;SGD&#xff09;&#xff1a; 当损失函数在一个方向很敏感在另一个方向不敏感时&#xff0c;会产生上面的问题&#xff0c;红色的点以“Z”字形梯度下降&#xff0c;而不是以最短距离下降&#xff1b;这种情况在高维空间更加普遍。 SGD的…

iOS开发-平台使用TestFlight进行Beta测试

使用 TestFlight&#xff0c;你可以向测试人员发布你 App 的 prerelease 版本来收集反馈信息&#xff0c;为将来发布 App 的正式版做准备。现在 TestFlight 是一个可选功能&#xff0c;你也可以不使用它&#xff0c;而是像以往发布 App 那样直接提交到 appStore。 TestFlight 使…

java语言介绍 —(1)

1.基础常识 软件&#xff1a;即一系列按照特定顺序组织的计算机数据和指令的集合。分为&#xff1a;系统软件 和 应用软件 系统软件&#xff1a;windows , mac os , linux ,unix,android,ios,… 应用软件&#xff1a;word ,ppt,画图板,… 人机交互方式&#xff1a; 图形化界面…

第一个java程序helloworld —(2)

1.开发体验——HelloWorld 1.1 编写 创建一个java源文件&#xff1a;HelloWorld.java class HelloChina{public static void main(String[] args){System.out.println("Hello,World!");} }1.2 编译&#xff1a; javac HelloWorld.java 1.3 运行&#xff1a; java Hel…

2017年苹果公司开发者账号申请与支付流程

邓白氏编码下来之后&#xff0c;现在我们就可以走到付款流程&#xff0c;购置账号了&#xff01;觉得有用的顶一下 1.登陆苹果账号&#xff0c;加入苹果开发者 https://developer.apple.com/ 2.按照指示&#xff0c;一步步点击进入就行了&#xff0c;反正你也看不懂&#xff08…

java关键字与标识符 —(3)

1.java关键字的使用 定义&#xff1a;被Java语言赋予了特殊含义&#xff0c;用做专门用途的字符串&#xff08;单词&#xff09; 特点&#xff1a;关键字中所字母都为小写 具体哪些关键字&#xff1a; 2.保留字&#xff1a;现Java版本尚未使用&#xff0c;但以后版本可能会作…

2017年苹果公司开发者账号申请-公司邓白氏编码

申请公司的苹果开发者账号和企业级的苹果开发者账号时&#xff0c;都会用到邓白氏编码&#xff0c;也就是我们申请苹果开发者账号时需要填写的D-U-N-S Number。 申请这个邓白氏编码是免费的&#xff0c;但是从像华夏邓白氏公司提交申请到可以申请苹果开发者账号来用这个9位的D-…

java变量及进制问题 —(4)

1.变量的分类 1.1 按数据类型分类 详细说明&#xff1a; //1. 整型&#xff1a;byte(1字节8bit) \ short(2字节) \ int(4字节) \ long(8字节) //① byte范围&#xff1a;-128 ~ 127 // ② 声明long型变量&#xff0c;必须以"l"或"L"结尾 // ③ 通常&…

Struts2的两个蝴蝶飞,你好简单开发(一)

我把你的头像&#xff0c;设置成我的名字&#xff0c;此刻你便与我同在。我把你的名字&#xff0c;写进我的代码里面&#xff0c;以后&#xff0c;我的世界便存在着你。 “两个蝴蝶飞”特别喜欢"java1234知识分享网"小峰的实用主义&#xff0c;所以本文及其系列文章均…

用Canvas画圆环百分比进度条

<!DOCTYPE html> <html> <head><meta charset"utf-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><title>canvas圆环进度</title><link rel"stylesheet" href"">…

利用SQL计算两个地理坐标(经纬度)之间的地表距离

两个地理坐标(经纬度)地表距离计算公式&#xff1a; 公式解释如下&#xff1a; Long1,Lat1表示A点经纬度&#xff0c;Long2,Lat2表示B点经纬度&#xff1b;aLat1–Lat2 为两点纬度之差&#xff0c;bLong1-Long2为两点经度之差&#xff1b;6378.137为地球半径&#xff0c;单位为…

java数组 —(7)

* 1.数组的理解&#xff1a;数组(Array)&#xff0c;是多个相同类型数据一定顺序排列的集合&#xff0c;并使用一个名字命名&#xff0c; 并通过编号的方式对这些数据进行统一管理。 * 2.数组相关的概念&#xff1a; 数组名 元素 角标、下标、索引 数组的长度&#xff1a;元素…