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

模板商城2025-09-03 15:03　4 浏览

点赞收藏

　　留言表单

2    联系人<input type="text" name="contacts" required id="contacts">
3    手 机<input type="text" name="mobile" required id="mobile">
4    内 容<textarea name="content" id="content"></textarea>
5    验证码<input type="text" name="checkcode" required id="checkcode">
6    <img title="点击刷新" src="{pboot:checkcode}" "this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" />
7    <button type="submit">提交留言</button>
8</form>

Ajax提交

查看源码
打印代码帮助
01<script>
02//ajax提交留言，由于涉及到提交地址标签的解析，JS需要放在html文件中
03function submsg(obj){
04  var url='{pboot:msgaction}'; //如果是自定义表单则使用地址{pboot:form fcode=*}
05  var contacts=$(obj).find("#contacts").val();
06  var mobile=$(obj).find("#mobile").val();
07  var content=$(obj).find("#content").val();
08  var checkcode=$(obj).find("#checkcode").val();
09   
10  $.ajax({
11    type: 'POST',
12    url: url,
13    dataType: 'json',
14    data: {
15        contacts: contacts,
16        mobile: mobile,
17        content: content,
18        checkcode: checkcode
19    },
20    success: function (response, status) {
21      if(response.code){
22         alert("谢谢您的反馈，我们会尽快联系您！");
23         $(obj)[0].reset();
24      }else{
25         alert(response.data);
26      }
27    },
28    error:function(xhr,status,error){
29      alert('返回数据异常！');
30    }
31  });
32  return false;
33}
34</script>

本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：7855231#qq.com

CMS模板附件上传失败报错UNKNOW: Code: 8192; Desc: stripos(): PbootCMS

CMS模板网站提示：“会话目录写入权限不足”的解决办法 PbootCMS

评论0评论

文章资讯

随机推荐