jQuery表單提交是網站開發中常用的一種交互方式,在實際開發中,經常需要根據表單提交的結果進行相應的操作。這里介紹一下如何獲取jQuery表單提交的返回數據。
$('#myForm').submit(function(event) { event.preventDefault(); // 阻止默認的提交行為 var formData = $(this).serialize(); // 獲取表單數據 $.post('/submit', formData, function(responseData) { // 這里的responseData即為返回數據 // 對返回數據進行相應的操作 }); });
代碼中,我們使用了jQuery的post方法來進行表單的提交,其中第二個參數formData為表單數據,第三個參數為回調函數,該函數的參數即為返回數據responseData。可以根據實際需要對返回數據進行相應的操作。
對于返回的數據,可以使用JavaScript的JSON.parse方法將其解析成JSON格式。例如:
$.post('/submit', formData, function(responseData) { var dataObj = JSON.parse(responseData); if(dataObj.code === 0) { // 成功提交 } else { // 提交失敗,顯示錯誤信息 $("#errorMsg").text(dataObj.msg); } });
以上代碼中,我們假設返回數據格式為JSON,code表示返回結果代碼,0表示成功,其它值則表示失敗,msg表示錯誤信息。根據返回結果進行相應的操作,例如成功提示或者錯誤信息顯示等。
下一篇div left