Heim >Web-Frontend >js-Tutorial >Erläuterung zur Verwendung von ajaxSubmit in Jquery
Ich verwende ajaxForm seit Kurzem, also notiere ich mir einfach, wie man es verwendet, damit ich es später überprüfen kann.
1, Abhängigkeitsskript einführen
//ajaxForm hängt vom Skript ab
< ; script type="text/javascript" src="/js/jquery/jquery.easyui.min.js">
2 Verwendung
var ajax_option={
url: "login", //Die Standardeinstellung ist form Aktion
Erfolg:Funktion(Daten){
}
$('#testForm').ajaxSubmit(ajax_option);
}
//Note $("#testForm") Der Name in Anführungszeichen muss mit dem Formularelement-ID-Wert übereinstimmen
3 Der Unterschied zwischen ajaxSubmit und ajaxForm
ajaxForm kann das Formular nicht senden. Verwenden Sie in der ready-Funktion von document ajaxForm, um die AJAX-Übermittlung des Formulars vorzubereiten. Die Übermittlungsaktion muss mit „Senden“ beginnen
ajaxSubmit Das Formular wird sofort übermittelt von AJAX. Sie können diesen Antrag unter allen Umständen stellen.
4
option的参数
var options = {
target: '#output1', // target Elemente, die mit der Serverantwort aktualisiert werden sollen
vorSenden: showRequest, // Rückruf vor dem Absenden
Erfolg: showResponse // Rückruf nach dem Absenden
// weitere verfügbare Optionen:
//URL: URL // Überschreiben für die „Aktion“ des Formulars Attribut
//Typ: Typ // 'get' oder 'post', Überschreibung für das Attribut 'Methode' des Formulars
//dataType: null // 'xml ', 'script' oder 'json' (erwarteter Server-Antworttyp)
//clearForm: true // Alle Formularfelder nach erfolgreicher Übermittlung löschen
// resetForm: true // Formular nach erfolgreicher Übermittlung zurücksetzen
// $.ajax-Optionen können auch hier verwendet werden, zum Beispiel:
//timeout: 3000
};
Das obige ist der detaillierte Inhalt vonErläuterung zur Verwendung von ajaxSubmit in Jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!