PbootCMS使用Ajax无刷新提交留言及表单
相关案例演示
留言表单
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> |
|
Ajax提交
02 | //ajax提交留言,由于涉及到提交地址标签的解析,JS需要放在html文件中 |
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(); |
20 | success: function (response, status) { |
22 | alert( "谢谢您的反馈,我们会尽快联系您!" ); |
28 | error: function (xhr,status,error){ |
|
感谢你的支持,我会继续努力!
扫码打赏,建议金额1-10元
Powered By 畅言云评
提醒:打赏金额将直接进入对方账号,无法退款,请您谨慎操作。
作者:欣怡建站 挑错
时间:2022-06-04 22:37
☉首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程: