1. 程式人生 > >自己封裝的jquery ajax函式

自己封裝的jquery ajax函式

/*函式引數method為ajax的請求方式 ("POST" 或 "GET")   aurl引數為ajax提交請求的地址   id 引數為獲取返回值後顯示資料的DOM id   imghtml引數為提交請求loading的圖片地址   func引數為提交請求後執行的函式名   eventid引數為提交post請求的按鈕id,預設為空   formid引數為提交post請求中的form表單的id */
function jqueryajax(method,aurl,id,imghtml,func)
{   
   var eventid=arguments[5] ? arguments[5] : "";
   var formid=arguments[6] ? arguments[6] : "";  
   if(method=="get")
   {
      $(document).ready(function(){
         $.ajax({
            type:"get",
            url:aurl,
            beforeSend:loading,
            success:Response
         })
      });
      function loading(){
        $('#'+id).html(imghtml);
      }
      function Response(data){
        $('#'+id).html(data);
         func(data);      
      }
   }
    else if(method=="post")
    {
        $(document).ready(function(){
          $("#"+eventid).click(
            function(){
         $.ajax({
            type:"post",
            url:aurl,
            data:$('#'+formid).serialize(),
            beforeSend:loading,
            success:Response
         })
         });
      });
      function loading(){
        $('#'+id).html(imghtml);
      }
      function Response(data){
        $('#'+id).html(data);
        func(data);
      }
    }
}