面臨問(wèn)題:form表單submit之后,后端會(huì)返回提示信息。但原生html無(wú)法獲取后端返回的數(shù)據(jù),就造成了這樣一種局面:提交之后,頁(yè)面發(fā)生跳轉(zhuǎn),在一個(gè)空白頁(yè)面上顯示了后端返回的json數(shù)據(jù),用戶體驗(yàn)0分。
成都創(chuàng)新互聯(lián)是一家專注于做網(wǎng)站、網(wǎng)站制作與策劃設(shè)計(jì),新泰網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:新泰等地區(qū)。新泰做網(wǎng)站價(jià)格咨詢:028-86922220
解決辦法:使用jquery.form.js
步驟
自定義控制提交函數(shù)
var submitChange=function () { $("form").ajaxSubmit(function (message) { alert(message.text); window.location.href="/index" rel="external nofollow" ; }); return false; } //這個(gè)函數(shù)一是處理了后端返回的數(shù)據(jù),二是返回了一個(gè)false,阻斷了原生submit事件的發(fā)生。
改造form表單(添加onsubmit事件,返回自定義處理函數(shù))
最后
注意要把Js文件引入哦!
比如:
以上所述是小編給大家介紹的jQuery.form.js的使用詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持!