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

解決辦法：使用jquery.form.js

步驟

自定義控制提交函數(shù) 

var submitChange=function () {    $("form").ajaxSubmit(function (message) {      alert(message.text);      window.location.href="/index" rel="external nofollow" ;    });    return false;  }  //這個函數(shù)一是處理了后端返回的數(shù)據(jù)，二是返回了一個false，阻斷了原生submit事件的發(fā)生。

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

<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的使用詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對錯新站長站網(wǎng)站的支持！