整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          Form表單提交的頁面跳轉

          Form表單提交的頁面跳轉

          前文章描述了Form表單提交方式與提交是幾個小細節行問題,那接下來就描述下表單提交完成后,后臺給用戶操作的反饋以及后續操作應該跳轉到具體頁面的流程。

          第一種方式:在控制器中(serlvet) 使用如下2行代碼

          session.setattribute("message","前臺要輸出的內容");

          response.sendRedirect(request.getHeader("referer"));

          其中,給用戶的反饋信息放在session 中,第二句的意思是跳轉到請求頁面。

          第二種方式:使用Ajax() 中的success 函數中寫入,如下圖一所示。

          圖一

          1. 使用alert(msg);//輸出控制層的操作結果

          2. 使用goPage() 方法,跳轉到指定的頁面。上圖是跳轉到本頁面,若是讓頁面刷新的呢,就得結合window.location=function(){window.opener.location.reload();}方法。

          如果要跳轉到其上一頁面,同時也要刷新上一頁呢?

          首先,得關閉當前頁面;然后就自動跳轉到 上一面了,同時上一頁面也必須寫 定義function XXX(){window.opener.location.reload();}函數,然后在<body onunload="XXX();">,就是調用onunload方法,去調用頁面再次加載,就是相當于刷新了,部分代碼,如圖二所示:,

          圖二

          同時也可以使用 window.history.back(-1)等方法,但是被跳轉頁面也得定義類似圖二中 的 load(),方可刷新頁面。

          Query Form插件是一個優秀的Ajax表單插件,可以非常容易地、無侵入地升級HTML表單以支持Ajax。jquery Form有兩個核心方法 -- ajaxForm() 和 ajaxSubmit(), 它們集合了從控制表單元素到決定如何管理提交進程的功能。另外,插件還包括其他的一些方法: formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。

          本文使用jquery.form.js解決提交之后,頁面發生跳轉,在一個空白頁面上顯示了后端返回的json數據問題,需要的朋友參考下:

          面臨問題:form表單submit之后,后端會返回提示信息。但原生html無法獲取后端返回的數據,就造成了這樣一種局面:提交之后,頁面發生跳轉,在一個空白頁面上顯示了后端返回的json數據,用戶體驗0分。

          解決方法:使用jquery.form.js

          首先引入jquery.form.js

          自定義控制提交函數:

          改造form表單(添加onsubmit事件,返回自定義處理函數)

          家好,今天給大家介紹一款,簡約時尚登錄注冊表單炫酷切換動畫html頁面前端源碼(圖1),布局合理。送給大家哦,獲取方式在本文末尾。

          圖1

          可以在注冊和登錄界面來回切換,切換動畫非常炫酷(圖2)

          圖2

          源碼完整,需要的朋友可以下載學習(圖3)

          圖3

          本源碼編碼:10208,需要的朋友,訪問下面鏈接后,搜索10208,即可獲取。

          「鏈接」


          主站蜘蛛池模板: 亚洲AV无码一区二区三区人| 久久久综合亚洲色一区二区三区| 日本一区二区三区高清| 国产日韩一区二区三区在线播放| 国产成人精品无码一区二区三区| 日本免费一区二区三区最新 | 精品一区二区三区免费毛片| 午夜精品一区二区三区免费视频| 国产另类ts人妖一区二区三区| 色一情一乱一伦一区二区三欧美 | 中文字幕一区二区三区日韩精品 | 久久综合九九亚洲一区| 亚洲第一区精品日韩在线播放| 国产传媒一区二区三区呀| 亚洲精品国产suv一区88| ...91久久精品一区二区三区| 无码AV天堂一区二区三区| 久久久久久免费一区二区三区| 无人码一区二区三区视频| 熟女性饥渴一区二区三区| 肥臀熟女一区二区三区| 中文字幕日本一区| 中文字幕无码一区二区免费| 日韩精品无码一区二区视频| 国产午夜精品一区二区三区小说| 在线观看国产一区| 无码人妻精品一区二区三| 91精品福利一区二区三区野战| 3d动漫精品啪啪一区二区中文| 少妇无码一区二区三区免费| 精品人妻AV一区二区三区| 亚洲一区在线观看视频| 亚洲欧美日韩中文字幕在线一区| 无码人妻精品一区二区三区不卡 | 精品中文字幕一区二区三区四区| 国产精品538一区二区在线| 痴汉中文字幕视频一区| 亚洲日本一区二区三区在线 | 亚洲国产韩国一区二区| 亚洲中文字幕乱码一区| 精品3d动漫视频一区在线观看|