织梦不跳转ajax提交自定义表单的方法_织梦CMS教程

在做项目的过程中遇到要将form表单提交转为ajax方式提交，下面是我总结的如何把form表单提交无缝转为ajax方式提交的方法。

将form元素的属性action、enctype、method去掉，添加id="form"，form元素就变为<form id="form">

引入jquery库，点击【这里】下载

jquery-1.8.2.min.zip

提交按钮增加 onclick="add_ajax()" 并把 type="submit" 修改为 type="button"

例如：<input type="button" value="提 交" onclick="add_ajax()" />

把ajax代码放在页面*底部（不能放在jquery库之前）

<script type="text/javascript">

function add_ajax(){

    $.ajax({

        type: "POST",

        url: "/plus/diy.php",//提交到后台文件

        data: $('#form').serialize(),//表单传值

        success: function(data) {

            alert(data);//弹窗显示PHP返回的值，如不需要显示，注释掉这行即可

            $('#form')[0].reset();//提交后清除表单填写的值

        }

    });

    return false;

}

</script>

延伸阅读：

当表单的属性设置为"disabled"时，提交表单时，select的值无法传递，需要提交前移除disabled属性，使用$("#role").removeAttr("disabled");即可（提交前移除id="role"的disabled属性）

# 天津seo新手快速入门  # nbsp  # quot  # 深圳塘厦网站建设  # 怎么在seo做创业  # 关于网络推广的网站名字  # 推广营销方案管道怎么写  # 商城网站推广制作方法视频  # 品牌推广营销是指  # 扶沟网站建设流程  # 泰州网站推广招聘网  # 陈淑兰三级网站建设  # gt  # seo推广入门  # 药店推广营销策划  # 虾滑营销推广  # 配音网站建设工作室  # 开平网站制作和推广  # 动态企业网站优化方法  # 龙岩网站优化简历  # 浙江seo优化教程方法  # 营销推广活动的偏好  # 怎么打搜索关键词排名  # 并把  # 织梦CMS教程  # 织梦自定义表单  # 自定义表单  # ajax提交表单  # 宋体  # 表单  # 放在  # 移除  # 要将  # 设置为  # 织梦不跳转ajax提交自定义表单的方法  # 过程中  # 这行  # 如不需要  # 提交后  # jpg  # hongkong  # aliyucs  # keji  # action  # lt 

相关栏目： 【 Google疑问12 】 【 Facebook疑问10 】 【 网络优化91478 】 【 技术知识72672 】 【 云计算0 】 【 GEO优化84317 】 【 优选文章0 】 【 营销推广36048 】 【 网络运营41350 】 【 案例网站102563 】 【 AI智能45237 】

相关推荐： 织梦cms整合*新版百度编辑器Ueditor1.3.6插件,亲测可用_织梦插件  建站助手数据库智能生成工具：高效建站与关键词优化方案  dedecms织梦会员中心调用会员*后登录时间和IP_织梦CMS教程  如何在云虚拟主机上快速搭建个人网站？  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  如何通过西部数码建站助手快速创建专业网站？  阿里云提示织梦dedecms支付模块漏洞解决办法_织梦CMS教程  织梦会员中心member表face字段类型及长度如何修改？_织梦CMS教程  SEO优化中品牌关键词的位置分析_SEO优化教程  织梦列表页有缩略图显示无缩略图就不显示方法_织梦CMS教程  如何用花生壳三步快速搭建专属网站？  如何破解联通资金短缺导致的基站建设难题？  建站之星展会模版如何一键下载生成？  织梦dedecms图集多缩略图模式调用缩略图_织梦CMS教程  建站之星无法安装，如何排查服务器环境兼容性？  帝国cms页面浏览量或点击率统计调用代码_帝国CMS教程  织梦DEDECMS调出指定文章所有图片的代码_织梦CMS教程  香港服务器网站卡顿？如何解决网络延迟与负载问题？  织梦TAG标签字数长度限制解决方法_织梦CMS教程  织梦{dede:channel}标签调用栏目新增的自定义字段_织梦CMS教程  织梦UTF-8编码模板顶部空白一行解决方法_织梦CMS教程  帝国CMS教程*的随机调用方法_帝国CMS教程  如何撰写建站申请书？关键要点有哪些？  帝国CMS网站管理系统常见问题解决_帝国CMS教程  织梦添加一个函数，实现任意字段调用_织梦CMS教程  建站之星伪静态规则如何设置？  帝国CMS教程添加迅雷下载_帝国CMS教程  高防服务器租用如何选择配置与防御等级？  织梦后台直接添加会员功能开发方法_织梦CMS教程  织梦dedecms自定义表单添加提交时间教程亲测_织梦CMS教程  织梦dedecms自动更新网站地图的教程_织梦CMS教程  如何通过虚拟机搭建网站？详细步骤解析  建站之星模板如何自定义颜色与字体样式？  如何选择美橙互联多站合一建站方案？  织梦游客输入昵称进行评论的简单方法_织梦CMS教程  织梦dedecms副栏目名称和链接调用_织梦CMS教程  织梦嵌套调用与当前文章关键词相同的文章_织梦CMS教程  织梦的联动信息类型只能增加一级和三级选择,不能增加二级选择解决方法_织梦CMS教程  dedecms织梦不同栏目导航显示不同样式的方法_织梦CMS教程  织梦dedecms 5.7怎样在任意位置显示自由列表标题+链接_织梦CMS教程  如何彻底卸载建站之星软件？  建站之星会员如何解锁更多建站功能？  如何在建站主机中优化服务器配置？  已有域名能否直接搭建网站？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  如何通过老薛主机一键快速建站？  如何在阿里云服务器自主搭建网站？  建站之星如何优化SEO以实现高效排名？  建站之星北京办公室：智能建站系统与小程序生成方案解析  如何在云服务器上快速搭建个人网站？ 

 2018-04-03