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

1年前发布

02314

留言表单

`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

综合资源
# 数据

喜欢就支持一下吧

相关推荐

评论抢沙发

欢迎您留下宝贵的见解！

提交

暂无评论内容

随即推荐

年龄验证恶搞页HTML源码-铁虎资源网

年龄验证恶搞页HTML源码

这是一个伪装成年龄验证的恶搞页面，可以用来和朋友开玩笑，或者”整治”那些到处求片的网友。页面看起来非常正式专业，但实际上会播放一段恶搞视频。核心功能专业外观：

test4783232515天前

02115

手把手掌握小红书运营全流程-铁虎资源网

手把手掌握小红书运营全流程

想抓住小红书千万级流量红利？课程从0 基础起，程围绕账号定位、爆款选题、高赞文案、视频制作等核心板块，配套案例解析 + 作业点评，帮助你从小红书小白进阶达人。

别偷我白米饭21天前

0405

Pixiv Viewer，免翻版第三方P站，支持安卓和Windows-铁虎资源网

Pixiv Viewer，免翻版第三方P站，支持安卓和Windows

它的功能超全，包含图片、漫画、小说，不过主要还是以插画为主。软件有安卓版，能看 P 站上的 “插画、漫画、小说、直播”，而且无广告、免登陆、免魔法，简直不要太方便！

手机版软件

test3767587520小时前

0406

Ai绘画+IP商业自媒体实操精品课-铁虎资源网

Ai绘画+IP商业自媒体实操精品课

带你用 Midjourney、Stable Diffusion 生成风格化作品，设计高辨识度 IP 形象。再教你运营自媒体账号，通过短视频展示创作过程、输出 IP 故事，对接商单、周边带货等变现渠道。全流程拆解 “绘...

Prostokva__whol6天前

03311

万兴喵影Filmora AI Video v14.7.03国际高级版-铁虎资源网

万兴喵影Filmora AI Video v14.7.03国际高级版

Filmora 视频编辑器，前身为FilmoraGo 视频编辑器，是一款专为 YouTube 和 Tik Tok 而设计的高效视频剪辑和电影制作神器。这款软件包含超过 1000 首背景音乐，超过 5000 种各类贴纸和滤镜，以及...

手机版软件

JosephLomia24天前

0448

超级齐全的CPS引流页面源码+吃啥组合PHP源码-铁虎资源网

超级齐全的CPS引流页面源码+吃啥组合PHP源码

简单地修改了以下代码，文件只有index.php跟img文件夹简单加了一下统计人数以及当前自己在线IP代码不需要可以自己删除

Enalonierag27天前

03814

小红书最新引流创业粉方式，项目图文玩法介绍以及如何安全倒流私域-铁虎资源网

小红书最新引流创业粉方式，项目图文玩法介绍以及如何安全倒流私域

很多人觉得引流实在太难了，引流做不好又不赚钱。其实你是没有找到正确的方式，只要方式对了，你只管努力，其他的交给时间。

zxy20232天前

04312

“0”撸项目天花板，一单6-10元，日入200+，新手小白也能轻松掌握，保姆级教程-铁虎资源网

“0”撸项目天花板，一单6-10元，日入200+，新手小白也能轻松掌握，保姆级教程

“0”撸项目天花板，一单6-10元，日入200+，新手小白也能轻松掌握，保姆级教程

test1325478321天前

02215

全能配音王v1.43各种有趣的配音作-铁虎资源网

全能配音王v1.43各种有趣的配音作

一款全能配音App，一键配音，创作无限可能！提供多种配音板、音选择，让你轻松为文字、视频配音。界面简洁，作简单，轻松制作各种有趣的配音作，分享你的创意。提取码: 44ak

手机版软件

test132547832天前

0218

一键下载油管视频付费解锁版-铁虎资源网

一键下载油管视频付费解锁版

一键下载油管视频付费解锁版🎬一键下载 ⏩快速搜索 🔊音乐提取

手机版软件

Karentrag2天前

03710