介紹ajax提交url與ajax提交表單的區別

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

1：ajax自已構造一個url,這種方式傳參數要用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("操作失敗,請聯系管理員！");                      }                      }　　　//操作成功後的操作                    });　                     }    2：ajax提交表單，這對於大數據傳輸非常有用，如用戶注冊，信息量非常大，用ajax提交表單，頁面比較美觀 但是，對於ajax提交表單，我們還得引入一個js，即：jquery.form.js"  例：  代碼如下:     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("操作失敗,請聯系管理員！");        }          }　　　//操作成功後的操作         });　           }    3: 2項中ajax提交表單雖然可以正確操作，但返回的data數據有問題，頁面得不到處理結果。如下的代碼對ajax提交表單進行了糾正   代碼如下:     function submitForm(){  $('#form1').ajaxSubmit(ajaxOptionsNew);          }       var ajaxOptionsNew = {                   beforeSubmit : fn_check_form,                   success : showResponse,                   url : "costAtion!save2.action",                   error : function(XMLResponse) {                       alert(XMLResponse.responseText);                        alert('操作失敗！');                     // window.location.reload();                  }               };         function fn_check_form(){      if($("#Name").val() == ""){  alert("人不能為空");  $("#Name").focus();  return false;  }         }      function showResponse(responseText) {                  try{                   //alert(responseText);                     if(responseText == 'true'){                           alert('操作成功！');                          window.location.reload();                     }                     else if(responseText == 'paramFalse')                     {                      alert("必填參數不能為空!")                     }                     else if(responseText == 'timeError')                     {                       alert("出發時間不能大於報銷時間!");                     }                     else{                           alert('操作失敗！');                        //   window.location.reload();                      }                   }catch(e){alert(e.message);}           }