Zusammenfassung mehrerer Methoden zum asynchronen Senden von Formularen mithilfe von Ajax

Jetzt werde ich Ihnen eine Zusammenfassung verschiedener Methoden zum asynchronen Senden von Formularen mit Ajax geben. Lassen Sie mich es jetzt mit Ihnen teilen und es allen als Referenz geben.

Hier sind drei gängige Einreichungsmethoden

Methode 1

Sammeln Sie alle Benutzereingaben manuell, kapseln Sie sie in ein großes Schlüssel-Wert-Paar-Formular „k1=v1&k2=v2...“ und verwenden Sie $.post(url, data,fn), um die Daten an den Server zu übermitteln

$.ajax({ 
    type:'post',   
    url:'Notice_noTipsNotice', 
    data:'k1=v1&k2=v2...', 
    cache:false, 
    dataType:'json', 
    success:function(data){ 
    } 
  });

Methode 2

单序列化：$('#myform').serialize( ); 其返回值就是“k1=v1&k2=v2...”键值对形式，再发起异步请求即可。
function noTips(){ 
  var formParam = $("#form1").serialize();//序列化表格内容为字符串 
  $.ajax({ 
    type:'post',   
    url:'Notice_noTipsNotice', 
    data:formParam, 
    cache:false, 
    dataType:'json', 
    success:function(data){ 
    } 
  }); 
}

Methode 3

Verwenden Sie die Funktion ajaxSubmit() bereitgestellt durch das jQuery-Formular-Plug-in

$('#myform').ajaxSubmit({
type: 'GET/POST',
url: 'xx.php',
dataType: 'json',
success: fn,
clearForm: true,
resetForm: true
}); 
//此函数会自动把选定的表单进行序列化并异步提交

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So lösen Sie das Problem von Arrays in AJAX-Anfragen

Ajax-Anfrage- und Filterkooperationsfallanalyse

Eine Zusammenfassung von 5 Möglichkeiten, Cache-Probleme mit Ajax zu lösen

Das obige ist der detaillierte Inhalt vonZusammenfassung mehrerer Methoden zum asynchronen Senden von Formularen mithilfe von Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!