加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > CMS系统 > Dedecms > 正文

织梦不跳转用ajax提交自定义表单的方法

发布时间:2020-12-14 04:38:25 所属栏目:Dedecms 来源:网络整理
导读:在做项目的过程中遇到要将form表单提交转为ajax方式提交,下面是我总结的如何把form表单提交无缝转为ajax方式提交的方法。 织梦默认的表单长这样: 要转化为ajax方式提交,需要做以下几个改变: 将form元素的属性action、enctype、method去掉,添加id="form"
在做项目的过程中遇到要将form表单提交转为ajax方式提交,下面是我总结的如何把form表单提交无缝转为ajax方式提交的方法。
织梦默认的表单长这样:


要转化为ajax方式提交,需要做以下几个改变:

将form元素的属性action、enctype、method去掉,添加id="form",form元素就变为 引入jquery库,jquery-1.8.2.min,这个可以自行百度下载,或者引用公共库文件
提交按钮增加 onclick="add_ajaxmessage()" 并把 type="submit" 修改为 type="button" ,例如:

			

注释01:#666是指定的元素的id,例如


?
详解:代码中有些地方需要和你的自定义表单数值进行替换,下面我用颜色来标注进行区分,请自行替换。

ajax代码: