Heim  >  Artikel  >  Web-Frontend  >  So überprüfen Sie die Parameter des Ajax-Übermittlungsformulars mit jQuery

So überprüfen Sie die Parameter des Ajax-Übermittlungsformulars mit jQuery

php中世界最好的语言
php中世界最好的语言Original
2018-03-31 11:04:161382Durchsuche

Dieses Mal zeige ich Ihnen, wie jQuery die im Ajax-Übermittlungsformular übergebenen Parameter überprüft. Was sind die Vorsichtsmaßnahmen für jQuery, um die im Ajax-Übermittlungsformular übergebenen Parameter zu überprüfen? , lass uns einen Blick darauf werfen. Die Methode

serialize() erstellt einen URL-codierten Text string durch Serialisierung des Formularwerts. Anstatt Parameter einzeln zu übergeben

Die in der Vergangenheit geschriebene Ajax-Parameterübergabemethode

$.ajax({ 
        url : "${ctx}/SJStandardDamPartition/insertOrUpdateDamPartition", 
        type : "post", 
        dataType : "json", 
        data: {beginsectionid:function(){
              return $('#number option:selected').val();
            },
            beginelevation:function(){
              return $('#onset').val();
            },
            endelevation:function(){
              return $('#end').val();
            }
        }, 
        success : function(result) { 
        } 
      });

verwendet die Parameterübergabemethode von serialize() 

 var param = $("#standForm").serialize(); 
       $.ajax({ 
        url : "${ctx}/SJStandardStandardInfo/insertOrUpdateStandardInfo", 
        type : "post", 
        dataType : "json", 
        data: param, 
        success : function(result) { 
        } 
      });

Wann Wir sind In einigen etwas komplexen Unternehmen kann es vorkommen, dass Sie mehrere Formulare auf derselben Seite benötigen, Sie aber nicht möchten, dass die Seite nach dem Absenden eines Formulars aktualisiert wird oder springt. Daher berücksichtigen wir Folgendes Ajax-Übermittlung des Formulars. Wie kann das Validator-Plug-in von jQuery auch asynchron übermittelte Formulare validieren? Schauen wir weiter nach unten.

Hier werde ich zur Veranschaulichung ein Beispiel aus dem Internet verwenden.

Das Folgende ist ein häufigeres jquery .ajax-Übermittlungsformular

$("#submitButton").click(function(){ 
//序列化表单 
  var param = $("#leaveSave").serialize(); 
  $.ajax({ 
   url : "leaveSave.action", 
   type : "post", 
   dataType : "json", 
   data: param, 
   success : function(result) { 
if(result=='success') { 
location.href='allRequisitionList.action'; 
} else if(result.startWith("error_")){ 
$("#errorMessage").html(result.substring(6)); 
} else { 
//返回的结果转换成JSON数据 
var jsonObj = eval('('+result+')'); 
startTime = $("#startdate").val(); 
endTime = $("#enddate").val(); 
hour = jsonObj.hour; 
reason = jsonObj.reason; 
 
replaceDom(startTime,endTime,hour,reason); 
} 
} 
}); 
});

Wenn Sie Ajax zum Senden des Formulars verwenden möchten, können Sie dies tun Ich möchte auch die Validierung von jquery verwenden, um sie zu überprüfen, sodass sie wie folgt gelöst werden kann: Das Formular ist immer noch der normalerweise geschriebene Formularinhalt und der Typ ist immer noch der Übermittlungstyp, aber in der Methode nach der Validierung wird Ajax übergeben wird zum Absenden des Formulars verwendet

$("#saveWorkExtra").validate({ 
onsubmit:true,// 是否在提交是验证 
onfocusout:false,// 是否在获取焦点时验证 
onkeyup :false,// 是否在敲击键盘时验证 
rules: { 
.... 
}, 
messages:{ 
.... 
}, 
submitHandler: function(form) { //通过之后回调 
   var param = $("#saveToWorkExtra").serialize(); 
   $.ajax({ 
url : "workExtraChange.action", 
type : "post", 
dataType : "json", 
data: param, 
success : function(result) { 
if(result=='success') { 
     location.href='allRequisitionList.action'; 
} else { 
     var jsonObj = eval('('+result+')'); 
} 
} 
   }); 
     }, 
     invalidHandler: function(form, validator) { //不通过回调 
    return false; 
     } 
});

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Bitte achten Sie darauf zu anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So laden Sie Dateien mit Ajax hoch, ohne sie zu aktualisieren

So machen Sie das, bevor Ajax die Daten zurückgibt Warteanimationseffekt

Das obige ist der detaillierte Inhalt vonSo überprüfen Sie die Parameter des Ajax-Übermittlungsformulars mit jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn