快捷導(dǎo)航

ajax提交url與ajax提交表單的詳細(xì)比較

更新時間：2014年02月07日 09:10:13 作者：

本篇文章主要是對ajax提交url與ajax提交表單的區(qū)別進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

1：ajax自已構(gòu)造一個url,這種方式傳參數(shù)要用Data,不能用于表單提交。
例:

         function createHtml(id){ 
            $("#reloading").show(); 
             //edit_bg是個div,提交時顯示，這樣可以使背景頁面不能操作。 
            $("#edit_bg").show(); 
            $.ajax({ 
            type:　"POST", 
            url:　"pageAction!createHtml.action", 
            data:　"id="+id, 
            success:　function(data){ 
            $("#reloading").hide(); 
            $("#edit_bg").hide(); 
            if(data == "true"){ 
            alert("操作成功。"); 
              }else{ 
                    alert("操作失敗,請聯(lián)系管理員！"); 
                    } 
                    }　　　//操作成功后的操作 
                  });　 
                   } 

2：ajax提交表單，這對于大數(shù)據(jù)傳輸非常有用，如用戶注冊，信息量非常大，用ajax提交表單，頁面比較美觀但是，對于ajax提交表單，我們還得引入一個js，即：jquery.form.js"
例：

復(fù)制代碼代碼如下:

    function uploadFile(){ 

      $("#reloading").show(); 
      $("#edit_bg").show(); 
       //form1為表單名 
      $("#form1").ajaxSubmit({ 
      type:　"POST", 
      success:　function(data){ 
      $("#reloading").hide(); 
      $("#edit_bg").hide(); 
      if(data.indexOf("true")!=-1){ 
      alert("操作成功。"); 
      }else{ 
      alert(data); 
       alert("操作失敗,請聯(lián)系管理員！"); 
      } 
        }　　　//操作成功后的操作 
       });　 
         } 