【技术】封装Jquery的Ajax

要求：

 URI('School').Post('bd',function(s){

    alert(s);//错误回调

 }).S(function() {        

   alert("添加成功");

   });

 

 

 URI('School').Put('bd',function(s){

   alert(s);//错误回调

 }).S(function() {        

   alert("添加成功");

   });

 

URI('School').Delete('bd',function(s){

     alert(s);//错误回调

 }).S(function() {        

   alert("删除");

   });

 

URI('School').Get('bd',function(s){

     alert(s);//错误回调

 }).S(function() {        

   alert("删除");

   });

 

URI(‘School’).Get('id=23&name=456')  //直接跳转

 

要求调用方式按以上四种方式，并且要有正确和错误的回调函数，且要返回错误提示信息。

 

 

 

原文链接http://www.myexception.cn/ajax/898278.html

http://blog.csdn.net/jiedushi/article/details/8021414

http://www.cnblogs.com/cxlings/archive/2013/04/20/3032604.html

http://zhidao.baidu.com/link?url=6wt_1WHNtJKLKmikelIEVAnBWcOv1eJAqZQwLPqPPeiIMQ0rRp5Fy7rFR363ZvUqk5joMNb8XyIiKbStkjUO0q

 

开发过程中经常要用到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);//返回的数据