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

Formular ohne Aktualisierung senden, ohne Ajax zu verwenden

高洛峰
高洛峰Original
2016-12-16 15:30:471039Durchsuche

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>

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);
        }
    });
}

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!

Stellungnahme:
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