導(dǎo)讀:CMS教程CMS教程PbootCMS本身對(duì)于使用ajax請(qǐng)求進(jìn)行提交時(shí)會(huì)返回Json數(shù)據(jù)，那么我們可以無(wú)需使用API的情況下實(shí)現(xiàn)ajax提交留言，并自定義頁(yè)面提示，提升用戶體驗(yàn)。 建設(shè)網(wǎng)站百度seo網(wǎng)站優(yōu)化。

PbootCMS本身對(duì)于使用ajax請(qǐng)求進(jìn)行提交時(shí)會(huì)返回Json數(shù)據(jù)，那么我們可以無(wú)需使用API的情況下實(shí)現(xiàn)ajax提交留言，并自定義頁(yè)面提示，提升用戶體驗(yàn)。 1、留言表單 form?onsubmit="return?submsg(this);"????聯(lián)系人input?type="text"?name="contacts"?required?id="contacts"????????手 機(jī)input?type="text"?name="mobile"?required?id="mobile"?????? […]

 PbootCMS本身對(duì)于使用ajax請(qǐng)求進(jìn)行提交時(shí)會(huì)返回Json數(shù)據(jù)，那么我們可以無(wú)需使用API的情況下實(shí)現(xiàn)ajax提交留言，并自定義頁(yè)面提示，提升用戶體驗(yàn)。

    1、留言表單

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

2、Ajax提交

<script> //ajax提交留言，由于涉及到提交地址標(biāo)簽的解析，JS需要放在html文件中???? function?submsg(obj){???? ??var?url='{pboot:msgaction}';?//如果是自定義表單則使用地址{pboot:form?fcode=*}???? ??var?contacts=$(obj).find("#contacts").val();????網(wǎng)站建設(shè)多少錢(qián) ??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)?{???? ??????i網(wǎng)站建設(shè)哪家好f(response.code){???? ?????????alert("謝謝您的反饋，我們會(huì)盡快聯(lián)系您！");???? ?????????$(obj)[0].reset();????? ??????}else{???? ?????????alert(response.data);???? ??????}???? ????},???? ????error:function(xhr,status,error網(wǎng)站優(yōu)化seo培訓(xùn)){???? ??????alert('返回?cái)?shù)據(jù)異常！');???? ????}???? ??});???? ??return?false;???? }???? </script>

關(guān)鍵詞標(biāo)簽: 留言 表單