1、$.ajax的通常格式html
$.ajax({ type: 'POST', url: url, //规定连同请求发送到服务器的数据; data: data, //映射或字符串值,规定连同请求发送到服务器的数据; dataType: xml/json/script/html, success: function(data) {}, //请求成功时执行的回调函数; })
2、$.ajax须要注意的一些地方jquery
1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;经过dataType指定,不指定智能判断。ajax
2.$.ajax只提交form以文本方式,若是异步提交包含<file>上传是传过不过去,须要使用jquery.form.js的$.ajaxSubmitjson
3、案例数组
一、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("异常!"); } });
二、$.ajax序列化表格内容为字符串的异步请求 异步
function noTips(){ var formParam = $("#form1").serialize();//序列化表格内容为字符串 $.ajax({ type:'post', url:'Notice_noTipsNotice', data:formParam, cache:false, dataType:'json', success:function(data){ } }); }
三、$.ajax拼接url的异步请求 async
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(){} });
四、$.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); } });