主頁(yè) > 知識(shí)庫(kù) > ajax提交url與ajax提交表單的詳細(xì)比較

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

熱門標(biāo)簽:辦理一個(gè)400電話多少錢 廣西ai語(yǔ)音電銷機(jī)器人哪家好 莆田防封電銷卡價(jià)格 如何用地圖標(biāo)注各分公司 電銷機(jī)器人適用范圍 察縣地圖標(biāo)注 蓄意標(biāo)記地圖標(biāo)注 接聽(tīng)電話機(jī)器人哪有 信貸電銷機(jī)器人有用嗎

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

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

         function createHtml(id){
            $("#reloading").show();
             //edit_bg是個(gè)div,提交時(shí)顯示,這樣可以使背景頁(yè)面不能操作。
            $("#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("操作失敗,請(qǐng)聯(lián)系管理員!");
                    }
                    }   //操作成功后的操作
                  }); 
                   }

2:ajax提交表單,這對(duì)于大數(shù)據(jù)傳輸非常有用,如用戶注冊(cè),信息量非常大,用ajax提交表單,頁(yè)面比較美觀 但是,對(duì)于ajax提交表單,我們還得引入一個(gè)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("操作失敗,請(qǐng)聯(lián)系管理員!");
      }
        }   //操作成功后的操作
       }); 
         }

3: 2項(xiàng)中ajax提交表單雖然可以正確操作,但返回的data數(shù)據(jù)有問(wèn)題,頁(yè)面得不到處理結(jié)果。如下的代碼對(duì)ajax提交表單進(jìn)行了糾正
復(fù)制代碼 代碼如下:

    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("必填參數(shù)不能為空!")
                   }
                   else if(responseText == 'timeError')
                   {
                     alert("出發(fā)時(shí)間不能大于報(bào)銷時(shí)間!");
                   }
                   else{ 
                        alert('操作失敗!'); 
                     //   window.location.reload();
                    } 
                }catch(e){alert(e.message);} 
        } 

您可能感興趣的文章:
  • javascript Ajax獲取遠(yuǎn)程url的返回判斷
  • 使用ajax實(shí)現(xiàn)無(wú)刷新改變頁(yè)面內(nèi)容和地址欄URL
  • PHP curl 抓取AJAX異步內(nèi)容示例
  • jquery.ajax的url中傳遞中文亂碼問(wèn)題的解決方法
  • Jquery Ajax的Get方式時(shí)需要注意URL地方
  • Ajax無(wú)刷新Url提交頁(yè)面
  • JS使用ajax方法獲取指定url的head信息中指定字段值的方法

標(biāo)簽:銅陵 益陽(yáng) 阿拉善盟 儋州 張掖 鷹潭 延邊

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ajax提交url與ajax提交表單的詳細(xì)比較》,本文關(guān)鍵詞  ajax,提交,url,與,表單,的,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《ajax提交url與ajax提交表單的詳細(xì)比較》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于ajax提交url與ajax提交表單的詳細(xì)比較的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章