jQuery Ajax 实例 ($.ajax、$.post、$.get)
2014-07-27 11:36
316 查看
Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了。
推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:
http://www.w3school.com.cn/jquery/
和
http://www.w3school.com.cn/jquery/ajax_ajax.asp
和
/article/4903333.html
和
/article/1221010.html
$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()
一、$.ajax的一般格式
二、$.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数据的异步请求
//2.$.ajax序列化表格内容为字符串的异步请求
//3.$.ajax拼接url的异步请求
//4.$.ajax拼接data的异步请求
推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:
http://www.w3school.com.cn/jquery/
和
http://www.w3school.com.cn/jquery/ajax_ajax.asp
和
/article/4903333.html
和
/article/1221010.html
$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()
一、$.ajax的一般格式
$.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType });
1.$.ajax({ 2. type: 'POST', 3. url: url , 4. data: data , 5. success: success , 6. dataType: dataType 7.});
二、$.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数据的异步请求
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.
//2.$.ajax序列化表格内容为字符串的异步请求
2.function noTips(){ 3. var formParam = $("#form1").serialize();//序列化表格内容为字符串 4. $.ajax({ 5. type:'post', 6. url:'Notice_noTipsNotice', 7. data:formParam, 8. cache:false, 9. dataType:'json', 10. success:function(data){ 11. } 12. }); 13.}
//3.$.ajax拼接url的异步请求
2.var yz=$.ajax({ 3. type:'post', 4. url:'validatePwd2_checkPwd2?password2='+password2, 5. data:{}, 6. cache:false, 7. dataType:'json', 8. success:function(data){ 9. if( data.msg =="false" ) //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间 10. { 11. textPassword2.html("<font color='red'>业务密码不正确!</font>"); 12. $("#validatePassword2").val("pwd2Error"); 13. checkPassword2 = false; 14. return; 15. } 16. }, 17. error:function(){} 18.});
//4.$.ajax拼接data的异步请求
2.$.ajax({ 3. url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action', 4. type:'post', 5. data:'merName='+values, 6. async : false, //默认为true 异步 7. error:function(){ 8. alert('error'); 9. }, 10. success:function(data){ 11. $("#"+divs).html(data); 12. } 13.});
相关文章推荐
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 详细介绍$.ajax、$.post、$.get的使用
- jquery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ($.ajax、$.post、$.get)【转载】
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例详解 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ajax提交,post提交,get提交
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ($.ajax、$.post、$.get)转
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax(load,post,get,ajax) 实例 全解析
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery Ajax 实例 ($.ajax、$.post、$.get)