简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

form表单只提交数据而不进行页面跳转的解决方案_jquery

WBOY
Freigeben： 2016-05-16 17:22:08
Original
1745 Leute haben es durchsucht

一般的form提交操作写法为

复制代码 代码如下:


……



点击submit按钮或直接回车可以将数据提交到saveReport页面，但是提交后也会跳转到saveReport页面

如何做到
将数据提交到saveReport（form的action指向）页面，但是页面又不进行跳转，即保持当前页面不变呢？？
这种需要在load一个页面的时候尤其迫切。

利用jquery的ajaxSubmit函数以及form的onsubmit函数完成，如下：
复制代码 代码如下:






form增加一个id用于在jquery中调用，增加一个onsubmit函数用于submit前自己提交表单

saveReport对应函数为
复制代码 代码如下:

function saveReport() {
// jquery 表单提交
$("#showDataForm").ajaxSubmit(function(message) {
// 对于表单提交成功后处理，message为提交页面saveReport.htm的返回内容
});

return false; // 必须返回false，否则表单会自己再做一次提交操作，并且页面跳转
}
Verwandte Etiketten：
页面跳转
Quelle：php.cn
Vorheriger Artikel：json数据与字符串的相互转化示例_javascript技巧 Nächster Artikel：javascript实现原生ajax的几种方法介绍_javascript技巧
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Regulärer Ausdruck zum Abgleichen von Wörtern Ich habe ein Skript, in dem ich versuche, neue Jobnamen mit vorhandenen Jobnamen in einer ...
Aus 2024-04-06 21:24:04
0
1
606
Berechnen Sie die Summe der Felder in einer anderen Tabelle mithilfe einer MySQL-SQL-Abfrage Ich habe ein Schema wie dieses: Benutzertabelle mit den Attributen „user_id“ und „username...
Aus 2024-04-06 19:39:29
0
1
441
Ungültiges untergeordnetes React-Element (gefunden: Objekt mit Schlüssel {clientVersion}). Wenn Sie eine Sammlung untergeordneter Elemente rendern möchten, verwenden Sie stattdessen ein Array Ich habe ein mehrstufiges Formular und wenn ich versuche, es abzusenden, wird dieser Fehle...
Aus 2024-04-06 16:25:39
0
1
346
Formular ohne Schaltfläche mit Javascript/Jquery senden Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...
Aus 2024-04-06 14:54:03
0
2
421
Erstellen Sie Benutzer in Vue mit Firebase, keine Anmeldung erforderlich Ich habe ein Formular zum Erstellen von Benutzerprofilen erstellt. Aber wann immer ich ein...
Aus 2024-04-06 14:20:12
0
1
514
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！