第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何添加AJAX表單提交錯(cuò)誤提醒?

如何添加AJAX表單提交錯(cuò)誤提醒?

PHP
智慧大石 2023-09-15 17:33:14
這里是新手 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。謝謝。



查看完整回答
反對(duì) 回復(fù) 2023-09-15
  • 1 回答
  • 0 關(guān)注
  • 120 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)