So übermitteln Sie Formulardaten asynchron mit dem Ajax von jquery

Was ich Ihnen dieses Mal zeigen werde, ist, wie Sie Ajax von jquery verwenden, um Formulardaten asynchron zu senden. Sie können die Ajax-Methode von jquery verwenden, um das Formular asynchron zu senden Der Hintergrund. Rückruffunktion Durch die Verarbeitung können Sie einen asynchronen Zweck erreichen, ohne die Seite zu aktualisieren.

Die im Formular verarbeiteten Daten können mit der Methode serialize() serialisiert werden. Wenn die übermittelten Daten einen Dateistream enthalten, müssen Sie das FormData-Objekt verwenden:

ohne Die Formulardaten der Datei werden verwendet: var data = $(form).serialize();

html: form form

<form id="addForm" action="${pageContext.request.contextPath}/admin/saveAdd" method="post">    
  <input type="text" name="name" placeholder="请输入名字" />
  <input type="password" name="password" placeholder="密码"/>
 </form>

jquery asynchronous processing

$("#submitAdd").click(function(){
     
  var targetUrl = $("#addForm").attr("action");    
  var data = $("#addForm").serialize();     
   $.ajax({ 
    type:'post',  
    url:targetUrl, 
    cache: false,
    data:data,  
    dataType:'json', 
    success:function(data){      
      alert('success');
    },
    error:function(){ 
     alert("请求失败")
    }
   })
     
})

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie die obige Einführung gelesen haben, bitte Achten Sie auf die chinesische PHP-WebsiteAndereVerwandte Artikel!

Verwandte Lektüre:

JQuery zum Deduplizieren und Sortieren von Arrays verwenden

Wie geht das mit JS? Zum Springen klicken zum eingeloggten persönlichen Postfach

Es gibt mehrere Möglichkeiten, Kettenoperationen in PHP zu implementieren

Das obige ist der detaillierte Inhalt vonSo übermitteln Sie Formulardaten asynchron mit dem Ajax von jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!