在前端開發過程中,我們經常需要使用AJAX提交表單,并且需要返回json格式的數據。而某些情況下,我們又希望表單能夠直接跳轉到指定頁面,并且能夠傳遞參數。這個時候,我們可以使用dwz提交表單并跳轉json。
$(document).ready(function(){ $('#form').submit(function(){ var options = { type: 'post', dataType: 'json', success: function(data){ if (data.statusCode === 200){ navTab.openTab('success', '/success', {title: '提交成功', data: data.message}); } else { alert(data.message); } }, error: function(){ alert('網絡錯誤,請稍后重試!'); } }; $(this).ajaxSubmit(options); return false; }); });
以上代碼中,我們首先綁定了表單的提交事件,接著使用AJAX提交表單,并且希望返回的數據為json格式,如果提交成功,則會跳轉到指定頁面,并且傳遞參數;如果提交失敗,則會彈出錯誤提示框。
需要說明的是,上述代碼使用了jQuery插件ajxForm和dwz插件,因此使用前,需要先引入這兩個插件的相關資源。同時,在后端代碼中,需要返回json格式的數據,例如:
{ "statusCode": 200, "message": "提交成功!" }
這樣,在前端代碼中,就可以根據返回數據的狀態碼,來判斷提交是否成功,并進行相應的處理。
上一篇E4a提交json
下一篇python 熱更代碼