Heim >Web-Frontend >js-Tutorial >js implementiert, dass die aktuelle Seite nach der Formularübermittlung nicht erneut aktualisiert wird

js implementiert, dass die aktuelle Seite nach der Formularübermittlung nicht erneut aktualisiert wird

高洛峰
高洛峰Original
2016-12-03 14:03:441591Durchsuche

So vermeiden Sie eine erneute Aktualisierung der aktuellen Seite nach dem Absenden des Formulars

<form name=&#39;form1&#39; id=&#39;form1&#39; action=&#39;/xbcw/cw/xx_xx.action&#39; method=&#39;post&#39;>
  <input type="button" id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp()" class="Button2" />
  <input type="button" id="btnSubmit" name="btnSubmit" value="下一步" onclick="doAddCwKpSubmit()" class="Button2" />
</form>

So lassen Sie die aktuelle Seite unverändert, nachdem ich zum Absenden auf „Speichern“ geklickt habe das FORM-Formular? (Das heißt, die aktuelle Seite nicht aktualisieren)?

Fügen Sie einen Iframe nach dem FORM-Formular hinzu

 3fd24ed8386b437cbda9015eab5173f2< ;/iframe>

Im Ereignis „Speichern und Senden“ müssen Sie das Ziel in den Namen des Iframes ändern:

 JS:document.forms[0].target="rfFrame" ;

JQuery:$("#f2").attr("target","rfFrame");

Auf diese Weise wird das FORMULAR übermittelt und die Daten gespeichert, und die Seite springt nicht.


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