青草久久影院-青草久久伊人-青草久久久-青草久久精品亚洲综合专区-SM双性精跪趴灌憋尿调教H-SM脚奴调教丨踩踏贱奴

17站長網

17站長網 首頁 CMS pbootcms 查看內容

pbootcms系統表單如何使用Ajax無刷新提交留言

2022-9-21 14:33| 查看: 2886 |來源: 互聯網

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

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>


本文最后更新于 2022-9-21 14:33,某些文章具有時效性,若有錯誤或已失效,請在網站留言或聯系站長:17tui@17tui.com
·END·
站長網微信號:w17tui,關注站長、創業、關注互聯網人 - 互聯網創業者營銷服務中心

免責聲明:本站部分文章和圖片均來自用戶投稿和網絡收集,旨在傳播知識,文章和圖片版權歸原作者及原出處所有,僅供學習與參考,請勿用于商業用途,如果損害了您的權利,請聯系我們及時修正或刪除。謝謝!

17站長網微信二維碼

始終以前瞻性的眼光聚焦站長、創業、互聯網等領域,為您提供最新最全的互聯網資訊,幫助站長轉型升級,為互聯網創業者提供更加優質的創業信息和品牌營銷服務,與站長一起進步!讓互聯網創業者不再孤獨!

掃一掃,關注站長網微信

大家都在看

    熱門排行

      最近更新

        返回頂部
        主站蜘蛛池模板: 口内射精颜射极品合集 | 免费在线a| 三男强一女90分钟在线观看 | 一本道无码v亚洲 | 白丝萝莉喷水 | 战狼4在线观看完免费完整版 | 99热.com| 国产精品亚洲精品爽爽 | 出租屋自拍贵在真实15P | 欧美s00老人 | 国产精品看高国产精品不卡 | CHINA篮球体育飞机2022网站 | 国产精品久久久久婷婷五月色婷婷 | 99久久网站 | 精品成人在线视频 | 国产69精品久久久久妇女 | 国语自产一区视频 | 国产精品一区二区欧美视频 | 日本 稀土矿 | 在线免费观看毛片网站 | 麻豆国产自制在线观看 | 伊人网综合在线观看 | 手机在线播放成人亚洲影院电影 | 老师的蕾丝小内内湿透了 | 日本艳妓BBW高潮一19 | 芭乐视频免费资源在线观看 | 国产国产成年在线视频区 | 精品网站一区二区三区网站 | 性一交一乱一色一视频 | 久久综合九色综合国产 | 成人在线视频免费观看 | 亚洲国产精品嫩草影院永久 | 亚洲一区二区三区免费看 | 国产精品爽爽久久久久久蜜桃网站 | 亚洲香蕉网久久综合影院 | 久久嫩草影院网站 | 日本午夜福利无码高清 | 久久婷婷五月综合色精品首页 | 久久无码人妻AV精品一区 | 神马老子影院午夜伦 | 十分钟在线观看免费视频高清WWW |