欢迎来到誉云网络
帮助中心

誉云网络

热门搜索: pbootcms    织梦转系统    运维市场    虚拟主机   

PbootCMS使用Ajax无刷新提交留言及表单

  • 时间:2022-04-05 16:43 编辑:誉云网络 来源: 阅读:129
  • 扫一扫,手机访问
摘要:留言表单 <form onsubmit="return submsg(this);">    联系人<input type="text" name="contacts" required id="contacts">   手 机&l

留言表单

<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>


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>


  • 全部评论(0)
最新发布的资讯信息
【源码/模板|Discuz!教程】UCenter info: MySQL Query Error(dz论坛登陆管理员出错代码)(2022-04-12 22:51)
【源码/模板|pbootcms教程】pbootcms后台设置二级菜单默认展开(后台栏目所有展开)(2022-04-05 22:50)
【源码/模板|pbootcms教程】pbootcms挪用内容中换行符“”不换行怎么办(2022-04-05 22:50)
【源码/模板|pbootcms教程】pbootcms模板如何判断封面图片是否为空(2022-04-05 22:49)
【源码/模板|pbootcms教程】pbootcms在阿里云主机上邮件发送失败:服务器已经禁用stream_socket_client和fsockopen函(2022-04-05 22:48)
【源码/模板|pbootcms教程】pbootcms后台菜单若何开启(2022-04-05 22:47)
【源码/模板|pbootcms教程】给pbootcms增加换行标签br=1(2022-04-05 22:47)
【源码/模板|pbootcms教程】pbootcms英文站搜索效果页面包屑显示中文的修改方法(2022-04-05 22:46)
【源码/模板|pbootcms教程】pbootcms如何显示按文章内容搜索,而不是搜索标题(2022-04-05 22:46)
【源码/模板|pbootcms教程】pbootcms网站留言发送到邮箱教程(2022-04-05 22:45)
联系我们
Q Q:827202335
客服:18312384410
邮箱:827202335@qq.com
营业:09:00 - 19:00
联系客服
购买源码 源码咨询 联系客服
18312384410
手机版

扫一扫进手机版
返回顶部