Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung mehrerer Methoden zum asynchronen Senden von Formularen mithilfe von Ajax

亚连
Freigeben: 2018-05-23 11:09:33
Original
1711 Leute haben es durchsucht

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){ 
    } 
  });
Nach dem Login kopieren

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){ 
    } 
  }); 
}
Nach dem Login kopieren

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
}); 
//此函数会自动把选定的表单进行序列化并异步提交
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage