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

综合资源
# 数据

喜欢就支持一下吧

相关推荐

评论抢沙发

欢迎您留下宝贵的见解！

提交

暂无评论内容

随即推荐

零基础AN沙雕动画制作全流程-铁虎资源网

零基础AN沙雕动画制作全流程

从软件基础操作、界面熟悉入手，教你绘制特色角色、搭建趣味场景。深入讲解关键帧、元件运用，掌握动作设计技巧，还能学会添加音效、字幕。让你一步步从新手成长为能独立产出搞笑、吸睛沙雕动画...

wtf0808013天前

03910

最新Like Girl v5.2.1 情侣小站开源版-铁虎资源网

最新Like Girl v5.2.1 情侣小站开源版

更新内容： 1.在页面右下角增设悬浮功能按钮，集成“返回顶部”与“返回首页”快捷操作，提升用户页面导航与跳转体验。 2.优化留言板界面，修复QQ头像显示功能及IP地址获取机制，同步对UI进行视...

test94051883天前

0238

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

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

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

Karentrag12天前

0289

图片转代码，AI自动写代码源码-铁虎资源网

图片转代码，AI自动写代码源码

此代码可以录制视频, 或者使用上传的视频，图片等，自动写出代码。仿照样式他能仿照你上传的图片写出对应样式接口一和接口三，因为太费钱，我给删了，当然土豪想添加也是可以的不同的接口...

wtf0808025天前

02513

小学数学加减乘除作业布置出题网站源码简单方便作业练习册随机-铁虎资源网

小学数学加减乘除作业布置出题网站源码简单方便作业练习册随机

这款简洁实用的小学数学作业出题网站，该网站支持随机生成加减乘除题目，并可直接打印。界面采用了适合教育场景的柔和配色，操作简单直观，即使是家长也能轻松使用。网站特点：可选择运算类型...

reflex_oqei10天前

03413

陈理想拍照动作美姿摄影课画质高清有素材-铁虎资源网

陈理想拍照动作美姿摄影课画质高清有素材

1_第一课课程指导_1080p.mp4 2_108例超简单日常拍照摆姿（第一波）_1080p.mp4 3_108例超简单日常拍照摆姿（第二波）_1080p.mp4 4_48例日常常用站姿（上）_1080p.mp4 5_48例日常常用站姿（下）_...

hn963220小时前

02414

一部手机玩转AI短视频热门流量-铁虎资源网

一部手机玩转AI短视频热门流量

这门课让你一部手机玩转 AI 短视频热门流量！从爆款选题策划，到用 AI 生成吸睛脚本、炫酷特效，再到智能剪辑、热门话题捕捉，全程实操教学。教你利用手机端 AI 工具，快速产出高流量视频，实现...

Ourderag21天前

04712

2025年外贸出口退税实操课程-铁虎资源网

2025年外贸出口退税实操课程

这门实操课不容错过！从退税政策深度解读，到申报流程全解析，覆盖外贸、生产企业不同模式。带你掌握系统操作，学会处理复杂账务，剖析常见疑点与应对策略。实战案例 + 模拟演练，让你迅速上手...

z20356798121天前

02911

AIGC高级实战班一起学AI绘画-铁虎资源网

AIGC高级实战班一起学AI绘画

AIGC 高级实战班邀你深入探索！聚焦 Midjourney、Stable Diffusion 等工具高阶用法，拆解光影处理、风格迁移、复杂场景构建技巧。通过商业案例实训，掌握精准提示词逻辑与模型微调方法，从模仿...

Dread_xxel25天前

0265

一站式资源共享平台模板，助力快速搭建专属资源站源码-铁虎资源网

一站式资源共享平台模板，助力快速搭建专属资源站源码

这个资源分享网站模板是一个功能完整、设计现代的单页网站，非常适合快速搭建资源分享平台。以下是关于这个模板的详细介绍，帮助你更好地理解并发布到自己的网站：模板特点完整的功能模块

Enalonierag15天前

0419