日期:2014-05-16  浏览次数:20733 次

Jquery简单Ajax的封装,简化开发

??????? 开发过程中经常要用到Ajax从后天返回一些数据,从官网API上学习得,可以这样使用:

$.ajax({
???url:"/school_class/studentInfoAction_validatorCode.action?studentInfoVo.studentNo="+$("#studentNo").val()+"&studentInfoVo.studentinfoId="+$("#id").val(),
???type:"post", //post提交
???async:false, //用同步

???timeout:3000,
???success:function(html) {//成功时回调函数
????if(html==""){

业务操作
???????}else{

业务操作
????????????}
???}?,

error?:function(result){//出错时调用的函数,我们经常要使用,不然有时候出错了很难知道是什么原因。

}
??});

?

每次都这么写,这么多行,是否有点麻烦,我们可以简单地做下封装:

ajaxSubmit = function(url,data){
??var msg = null;
??jQuery.ajax({
???? type: "POST",
???? url: url,
???? async : false,
???? data: data,
???? success: function(html){
?????? msg = html;
???? }

error: function(html){
???????alert(html);

???? }

??});
??return msg;
};

则以后就可以这么简单的使用了

var url ="/school_class/studentInfoAction_getRelated.action";//到达后台的URL地址
???var data = "formMap.yearId="+obj.value;//传到后台的数据
???var mess= ajaxSubmit(url,data);//返回的数据