面臨問題：form表單submit之後，後端會回傳提示訊息。但原生html無法取得後端回傳的數據，就造成了這樣一種局面：提交之後，頁面發生跳轉，在一個空白頁面上顯示了後端返回的json數據，用戶體驗0分。本文主要和大家分享jQuery.form.js的使用，希望能幫助大家。
解決方法：使用jquery.form.js
步驟
自訂控制提交函數
var submitChange=function () {
$("form").ajaxSubmit(function (message) {
alert(message.text);
window.location.href="/index" rel="external nofollow" ;
});
return false;
}
//这个函数一是处理了后端返回的数据，二是返回了一个false，阻断了原生submit事件的发生。改造form表單(新增onsubmit事件，返回自定義處理函數)
<form action="/do" onsubmit="return submitChange();"> </form>
最後
注意要把Js檔案引入哦！
例如：
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.1/jquery.form.min.js" integrity="sha384-tIwI8+qJdZBtYYCKwRkjxBGQVZS3gGozr3CtI+5JF/oL1JmPEHzCEnIKbDbLTCer" crossorigin="anonymous"></script>
相關推薦：
以上是jQuery.form.js的使用詳解實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！
