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

1年前发布

02414

留言表单

`1`	`<form onsubmit="return submsg(this);">`

`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}"` `onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);"` `/>`

`7`	`<button` `type="submit">提交留言</button>`

8 </form>

Ajax提交

`01`	`<script>`

`02`	`//ajax提交留言，由于涉及到提交地址标签的解析，JS需要放在html文件中`

`03`	`function` `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>`

© 版权声明

文章版权归作者所有，未经允许请勿转载。

THE END

综合资源
# 数据

喜欢就支持一下吧

相关推荐

评论抢沙发

欢迎您留下宝贵的见解！

提交

暂无评论内容

随即推荐

WordPress主题–Impreza v8.39.1 破解版下载-铁虎资源网

WordPress主题–Impreza v8.39.1 破解版下载

Impreza是一款WordPress主题，自带有页面构建功能。快速简单的演示安装程序可视化拖放生成器 300 多个预制网页设计 200 多个强大而简单的主题选项市场上最强大的标头生成器市场上最强大的网...

Komers198812天前

04610

Raksmart美国云服务器购买方法

RAKsmart作为美国西海岸知名云服务商，凭借加州机房的地理优势及与中国电信、联通的直连线路，为中国用户提供低延迟访问体验。接下来，小库主机评测为您介绍其购买方法。

admin26天前

05111

自建的短网址源码分享-铁虎资源网

自建的短网址源码分享

简单介绍一下这个短链接源码，这个是我根据自己需要自建的，偏向于个人需求的完成说一下特点吧，短链接格式如同https://域名/0810a7/tlWl6y，其中0810a7区分用户，tlWl6y是短链接的短码 1、同...

ok54553天前

02415

自动更新网赚单页源码-铁虎资源网

自动更新网赚单页源码

这是一款html自动更新网赚单页源码，是通过WordPress REST API自动获取最新课程内容，无需更新维护，系统自动完成内容采集和更新，内容更新即时反映在平台上，当然有技术的可以对接自己的API，...

casinoqoel2天前

0368

html个人主页源码，发布页防失联页面/个人导航页-铁虎资源网

html个人主页源码，发布页防失联页面/个人导航页

一个美观现代的个人主页模板，具有响应式设计和互动功能。个人主页防失联页面

test72953676天前

0468

灵境·修仙界/Spirit Realm修仙题材单机游戏-铁虎资源网

灵境·修仙界/Spirit Realm修仙题材单机游戏

游戏介绍灵境是一款基于虚幻5引擎最新版本开发的开放世界3D写实画风的修仙题材单机游戏，3D动作类即时战斗，目前是开发完善中的抢先体验版，境界开放到元婴圆满。版本介绍 Build.20001439|容...

zywinqq13天前

03215

天途影像达芬奇调色剪辑全能班视频剪辑120G-铁虎资源网

天途影像达芬奇调色剪辑全能班视频剪辑120G

1_课程简介.mp4

test2646410610天前

02414

心理咨询师技能提升训练叙事SFBT咨询伦理等-铁虎资源网

心理咨询师技能提升训练叙事SFBT咨询伦理等

├──01 第一章李明：基本功-入门技术 | ├──第1节：课程概述 | | └──001 李明浅谈心理咨询基本功 .mp4 18.01M | ├──第2节：...

test72207923天前

0349

精美导航引导页HTML源码，自适应-铁虎资源网

精美导航引导页HTML源码，自适应

精美导航引导页HTML源码，自适应手机/电脑，无后台，上传网站根目录就能用，首页内容在index里面修改.

RandallLug15天前

0337

WhyNotWin11(win11检测工具)v2.7.0.0工具-铁虎资源网

WhyNotWin11(win11检测工具)v2.7.0.0工具

微软官方Windows11检测工具写的太烂，第三方作者开发了一个，软件给每一项都标注了功能，通过了显示绿色，没通过显示红色。Windows目前不支持6、7代处理器。另外，主板不支持加密TPM2.0加密的也...

test4783232514天前

04412