Eine schnelle Lösung für das Problem, dass die Ajax-Formularseite beim Absenden des Formulars immer noch aktualisiert wird

In diesem Artikel wird hauptsächlich die schnelle Lösung des Problems vorgestellt, dass die Ajax-Formularseite beim Senden des Formulars immer noch aktualisiert wird, und die automatische Aktualisierung nach der Ajax-Übermittlung, wenn das Formular eine Schaltfläche enthält. Frage, Freunde, die es brauchen, können sich auf

beziehen. Nach langer Zeit habe ich auf die Schaltfläche „Senden“ geklickt und eins weniger hinzugefügt type="button" aktualisiert werden, egal was passiert, fügen Sie einfach   <form >  <button id="sub" />   </form> 

hinzu. PS: Wenn es eine Schaltfläche im Formular gibt, besteht das Problem der automatischen Aktualisierung nach der Ajax-Übermittlung

<form class="form-horizontal">
<p class="form-group">
<label class="col-sm-3 control-label">修改资料名称：</label>
<p class="col-sm-7"> <input type="text" placeholder="test22" class="form-control"></p>
<p class="col-sm-2">
<button class="btn btn-primary" onclick="resetCertificateName(14)">修改</button>
</p>
</p>
</form>

Wenn das Formular eine Schaltflächenbeschriftung enthält, wird die Seite nach dem asynchronen Absenden des Formulars mit Ajax ebenfalls aktualisiert. (Es fühlt sich sehr seltsam an)

Grund: Wenn die Schaltfläche vorhanden ist, wird das Formular erneut gesendet, sodass die Seite aktualisiert wird. (Ich dachte vorher, dass

) die Funktion zum Absenden des Formulars hat. button type='submit'

Lösung: Ersetzen Sie einfach die Schaltflächenbeschriftung durch eine Beschriftung

。<a class="btn btn-primary" onclick="resetCertificateName(14)">修改</a>

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

AJAX-Anzeigenladen und Popup-Layer-Okklusionsseiten-Implementierungsbeispiel

Zugriff auf OA mit Ajax und Workflow-Plug-in zur Implementierung des Hinzufügens von OA-Konten basierend auf Personalsystemdaten (detaillierte Grafik- und Texterklärung)

Die Methode der Verwendung von Ajax zum Senden eines Formulars im Lavarel Framework_AJAX bezogen

Das obige ist der detaillierte Inhalt vonEine schnelle Lösung für das Problem, dass die Ajax-Formularseite beim Absenden des Formulars immer noch aktualisiert wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!