激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務器之家:專注于服務器技術及軟件下載分享
分類導航

DEDECMS|帝國CMS|Discuz|PHPCMS|Wordpress|ZBLOG|ECSHOP|蘋果CMS|極致CMS|CMS系統|

服務器之家 - 建站程序 - CMS系統 - pbootcms 表單使用Ajax無刷新提交留言

pbootcms 表單使用Ajax無刷新提交留言

2023-05-19 21:00未知服務器之家 CMS系統

PbootCMS本身對于使用ajax請求進行提交時會返回Json數據,那么我們可以無需使用API的情況下實現ajax提交留言,并自定義頁面提示,提升用戶體驗。 1、留言表單 form?onsubmit="return?submsg(this);"????聯系人input?type="text"?name="contacts"?

 PbootCMS本身對于使用ajax請求進行提交時會返回Json數據,那么我們可以無需使用API的情況下實現ajax提交留言,并自定義頁面提示,提升用戶體驗。

    1、留言表單


<form?onsubmit="return?submsg(this);">????聯系人<input?type="text"?name="contacts"?required?id="contacts">????
????手 機<input?type="text"?name="mobile"?required?id="mobile">????
????內 容<textarea?name="content"?id="content"></textarea>????
????驗證碼<input?type="text"?name="checkcode"?required?id="checkcode">????
????<img?title="點擊刷新"?src="{pboot:checkcode}"?onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);"?/>????
????<button?type="submit">提交留言</button>????
</form>

2、Ajax提交


<script>
//ajax提交留言,由于涉及到提交地址標簽的解析,JS需要放在html文件中????
function?submsg(obj){????
??var?url='{pboot:msgaction}';?//如果是自定義表單則使用地址{pboot:form?fcode=*}????
??var?contacts=$(obj).find("#contacts").val();????
??var?mobile=$(obj).find("#mobile").val();????
??var?content=$(obj).find("#content").val();????
??var?checkcode=$(obj).find("#checkcode").val();????
??$.ajax({????
????type:?'POST',????
????url:?url,????
????dataType:?'json',????
????data:?{????
????????contacts:?contacts,????
????????mobile:?mobile,????
????????content:?content,????
????????checkcode:?checkcode????
????},????
????success:?function?(response,?status)?{????
??????if(response.code){????
?????????alert("謝謝您的反饋,我們會盡快聯系您!");????
?????????$(obj)[0].reset();?????
??????}else{????
?????????alert(response.data);????
??????}????
????},????
????error:function(xhr,status,error){????
??????alert('返回數據異常!');????
????}????
??});????
??return?false;????
}????
</script>

 


延伸 · 閱讀

精彩推薦
  • CMS系統pbootcms 后臺登陸不顯示驗證碼

    pbootcms 后臺登陸不顯示驗證碼

    pbootcms驗證碼圖片顯示,常見于阿里云虛擬主機中。 這個問題主要是阿里云虛擬主機的配置問題。 登陸阿里云控制臺,進入虛擬主機-高級環境設置-PHP.IN...

    未知2222023-05-27
  • CMS系統pbootcms 表單使用Ajax無刷新提交留言

    pbootcms 表單使用Ajax無刷新提交留言

    PbootCMS本身對于使用ajax請求進行提交時會返回Json數據,那么我們可以無需使用API的情況下實現ajax提交留言,并自定義頁面提示,提升用戶體驗。 1、留言表...

    未知1072023-05-19
  • CMS系統pbootcms模板制作教程單頁內容的調用

    pbootcms模板制作教程單頁內容的調用

    單頁簡單來說就是一個欄目等于一篇文章,一般用于企業站的公司簡介、聯系我們等。 要調用單頁內容,手先要創建單頁。 如果你直接去后臺 文章內容...

    未知2042023-05-07
  • CMS系統PbootCMS中制作當天發布的文章顯示紅色的方法

    PbootCMS中制作當天發布的文章顯示紅色的方法

    在PbootCMS中,我們可以通過以下步驟來讓當天發布的文章顯示為紅色: 打開PbootCMS后臺管理頁面并登錄。 進入模版管理頁面,選擇需要修改的模板文件。...

    未知2282023-05-12
  • CMS系統迅睿CMS網站表單留言提交之后通知會員作者自己

    迅睿CMS網站表單留言提交之后通知會員作者自己

    1、先創建自定義通知腳本,文件位置:dayrui/My/Config/Notice.php 代碼如下: ?php/** * 通知動作注冊配置 * * 動作字符 = 動作名稱 * **/return [ 'form_send_author' = '表單...

    未知1592023-06-10
  • CMS系統PbootCMS前臺頁面如何統計全站所有文章數

    PbootCMS前臺頁面如何統計全站所有文章數

    PbootCMS前臺頁面如何統計全站所有文章數,利用程序的SQL語句即可執行調用,代碼如下: {pboot@sqlSQL=SELECTcount(*)ASanewsFROMay_content}[SQL:anews]{/pboot@sql} 為了防止...

    未知2622023-05-09
  • CMS系統Pbootcms修改文章發布時間顯示樣式

    Pbootcms修改文章發布時間顯示樣式

    分享一下Pbootcms修改文章發布時間顯示樣式,可以根據具體需要顯示日期、時間哦。 列表頁:[list:date]效果:2022-5-1809:12:30列表頁:[list:datestyle=Y-m-d]效果:...

    未知1542023-05-09
  • CMS系統PbootCMS 點贊后再次進入顯示已贊效果

    PbootCMS 點贊后再次進入顯示已贊效果

    pbootCMS點贊后再次進入顯示已贊效果 本操作需要下載附件引入相關js才能實現哦 引入后到詳情頁面使用,如果需要在列表頁面使用,可以適當修改相關參數...

    未知1882023-05-24
主站蜘蛛池模板: 中文欧美日韩 | 色偷偷一区 | 黄色7777 | 狠狠干五月天 | 日韩精品久久久久久久电影99爱 | 最新午夜综合福利视频 | 日本免费不卡一区二区 | 国产精品自拍啪啪 | 国产三级在线观看a | 久久久一区二区三区精品 | 91高清完整版在线观看 | 黄色网大全 | 91久久久久久久久久久久久 | 亚洲精品成人18久久久久 | 国产一级二级在线播放 | av免费提供 | 国产精品久久久久久婷婷天堂 | 久草视频在线资源 | 久草在线资源观看 | 亚洲成年人免费网站 | 国产视频99| 国产精品久久久久久久不卡 | 日韩视频在线观看免费视频 | 成人国产在线看 | 久久精品日产高清版的功能介绍 | 97超级碰碰人国产在线观看 | 亚洲午夜久久久精品一区二区三区 | 免费黄色欧美视频 | 久久一区二区三区av | 中国精品久久 | 精品人伦一区二区三区蜜桃网站 | 99热草| 青草av.久久免费一区 | 日韩av电影免费看 | 在线观看免费精品 | 成人性生活视频 | 国产成人精品一区在线播放 | 中国嫩模一级毛片 | 在线亚洲免费 | 日本不卡一区二区三区在线观看 | 双性帝王调教跪撅打屁股 |