這里是新手 Web 開發人員。我添加了一個基于教程的 PHP-AJAX-jQuery 表單,它還具有加載 GIF 功能。在測試中,我發現如果任何表單提交成功插入新的數據庫條目,并且在任何提交失敗插入新數據庫的情況下,表單下方隱藏的包含 div 的“提交成功”消息將替換加載 GIF輸入時,加載 GIF 將保持可見,不會發生任何進一步的情況。我想知道是否可以對 AJAX 代碼進行相對簡單的更改,以便如果表單提交無法生成新的數據庫條目,則加載 GIF 將被隱藏,并會顯示另一個包含 div 的警報(例如下面的代碼中包含雙星號的新的包含 div 的警報)?或者,如果這個選項比我意識到的更復雜,我很欣賞任何關于集成 AJAX 警報以簡單地通知用戶未收到表單提交的建議。謝謝!HTML 表單:<form id="contact"> ... <button name="submit" type="submit" id="submitBtn">Submit</button> <img src="../../images/loading-dots.gif" id="loader" style="display: none"></form><div id="successMsg" class="style_success">Message sent successfully!</div>**<div id="errorMsg" class="style_error">An error occurred. Please try contacting us via email instead.</div>***最后一個 div 包含的消息(用雙星號括起來)是我想要在處理表單數據時出現錯誤時顯示的消息。阿賈克斯:$("#submitBtn").hide('fast');$("#loader").show('fast');$.ajax({ url:"private/php_scripts/submission.php", data:{key:"saveData",name:name,email:email,message:message}, method:"POST", success:function (response) { var data = response.split('^'); if (data[1] == "saved") { $("#submitBtn").show('fast'); $("#loader").hide('fast'); $("#successMsg").show('fast'); $("#successMsg").fadeOut(10000); $("form#contact").each(function () { this.reset(); }); } }});
1 回答

侃侃爾雅
TA貢獻1801條經驗 獲得超16個贊
意識到我需要做的就是復制 success:function 下的 if 語句并將其粘貼為數據的 else if 語句!= =已保存,然后將我的新 div 消息的 #successMsg 更改為 #errorMsg。謝謝。
- 1 回答
- 0 關注
- 110 瀏覽
添加回答
舉報
0/150
提交
取消