Heim > Web-Frontend > js-Tutorial > Formular ohne Aktualisierung senden, ohne Ajax zu verwenden

Formular ohne Aktualisierung senden, ohne Ajax zu verwenden

高洛峰
Freigeben: 2016-12-16 15:30:47
Original
1096 Leute haben es durchsucht

HTML-Code:

<iframe id="fra" name="frm" style="display: none;"></iframe>
<form id="frm" method="post" action="@Url.Content("~/Backstage/MachineMng/RoadSet/SaveTrackRoad")?roadId=@ViewBag.roadId" target="frm">
    这里是表单内容
</form>
Nach dem Login kopieren

JS-Code:

Wenn das Speichern erfolgreich ist, gibt der Hintergrund {"ok":true} zurück, wenn das Speichern fehlschlägt, gibt der Hintergrund { zurück; "ok":false , "msg":Fehlermeldung

function save() {
    $("#frm").submit();
    $("#fra").one("load", function () {
        var data = eval("(" + $("#fra").contents().find("body").html() + ")");
        if (data.ok) {
            $("#divtrackroad").load("TrackRoad?roadId=" + &#39;@ViewBag.roadId&#39; + "&roadName=" + &#39;@ViewBag.roadName&#39; + "&viewOrEdit=1&t=" + new Date().valueOf());
        } else {
            alert("保存失败:" + data.msg);
        }
    });
}
Nach dem Login kopieren

Ist es nicht ganz einfach? Wenn deine Freunde es brauchen, nimm es einfach mit, gerne ^_^


Weitere verwandte Artikel zur Implementierung eines aktualisierungsfreien Einreichungsformulars ohne Verwendung von Ajax finden Sie auf der chinesischen PHP-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