這里是新手 Web 開(kāi)發(fā)人員。我添加了一個(gè)基于教程的 PHP-AJAX-jQuery 表單,它還具有加載 GIF 功能。在測(cè)試中,我發(fā)現(xiàn)如果任何表單提交成功插入新的數(shù)據(jù)庫(kù)條目,并且在任何提交失敗插入新數(shù)據(jù)庫(kù)的情況下,表單下方隱藏的包含 div 的“提交成功”消息將替換加載 GIF輸入時(shí),加載 GIF 將保持可見(jiàn),不會(huì)發(fā)生任何進(jìn)一步的情況。我想知道是否可以對(duì) AJAX 代碼進(jìn)行相對(duì)簡(jiǎn)單的更改,以便如果表單提交無(wú)法生成新的數(shù)據(jù)庫(kù)條目,則加載 GIF 將被隱藏,并會(huì)顯示另一個(gè)包含 div 的警報(bào)(例如下面的代碼中包含雙星號(hào)的新的包含 div 的警報(bào))?或者,如果這個(gè)選項(xiàng)比我意識(shí)到的更復(fù)雜,我很欣賞任何關(guān)于集成 AJAX 警報(bào)以簡(jiǎn)單地通知用戶(hù)未收到表單提交的建議。謝謝!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>***最后一個(gè) div 包含的消息(用雙星號(hào)括起來(lái))是我想要在處理表單數(shù)據(jù)時(shí)出現(xiàn)錯(cuò)誤時(shí)顯示的消息。阿賈克斯:$("#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貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超16個(gè)贊
意識(shí)到我需要做的就是復(fù)制 success:function 下的 if 語(yǔ)句并將其粘貼為數(shù)據(jù)的 else if 語(yǔ)句!= =已保存,然后將我的新 div 消息的 #successMsg 更改為 #errorMsg。謝謝。
- 1 回答
- 0 關(guān)注
- 120 瀏覽
添加回答
舉報(bào)
0/150
提交
取消