欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

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

标签: 作者:融科网络 | 点击:
21

Oct
2019

导语
在做项目的过程中遇到要将form表单提交转为ajax方式提交,下面是我总结的怎么把form表单提交无缝转为ajax方式提交的办法。 将form元素的属性action、enctype、method去掉,添加id=form,fo
 

澳门体育登录在做项目的过程中遇到要将form表单提交转为ajax方式提交,下面是我总结的怎么把form表单提交无缝转为ajax方式提交的办法。

澳门体育登录将form元素的属性action、enctype、method去掉,添加id="form",form元素就变为<form id="form">

澳门体育登录提交按钮增加 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属性)

郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://fudashu.com/code/11132.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

澳门体育登录扫码加好友,即送价值1880元的SEO优化教程

澳门体育登录(网站没排名,轻松让关键词上澳门体育登录!专注H5企业建站+网站优化推广)

上一篇:织梦CMS搜索结果不显示自定义字段解决办法

下一篇:织梦自定义表单获取IP地址和提交时间办法

  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制
十分彩-欢迎您 十分彩平台 -【专业购彩平台】 十分彩注册---澳门体育登录_欢迎您 十分彩_官网 十分彩-澳门体育登录 十分彩|官方唯一指定!