您当前的位置: 主页 > 优化教程
在做项目的过程中遇到要将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属性)
 

关键词:织梦,不跳转,ajax,提交,自定义,表单,的,方法,    标签:
    更多资讯请收藏关注 网站模板(www.1yc.cn)

dedecms织梦增加让文章置顶一天的功能的方法dedecms5.7后台在发布文章或者编辑文章的情况下,可以选择对文章... 2021-07-22
怎么样解决织梦DEDECMS幻灯片图片显示模糊问题的办法大家使用织梦dedecms建站,都会遇到这样一个问题,就是织梦dede... 2021-08-14
织梦模板dede:arclist 标签排序具体实现教程标签dede:arclist的排序是通过orderby来指定的,如下:... 2021-07-22
织梦专题模板应用分析及使用案例有哪些?DeDeCms 织梦教 程 的专题相关资料在网上很少,之前查阅了很多资... 2021-08-31
调用{dede:likewords}为dedecms添加相关搜索词经常看到一些大型的网站会设置相关搜索,即使访客搜索的内容在本站暂时没有... 2021-07-30
织梦当前位置(面包屑)各种写法汇总方法一.Dedecms当前位置: {dede:field name=p... 2021-07-22
织梦dedecms栏目列表页单独调用页码数大家都知道{dede:pagelist listitem=info,i... 2021-07-27
dedecmsdedecms系统修改文章描述调用字数的方法dedecms系统文章调用描述的字数字数最多为250个字节,文章摘要(... 2021-08-09
如何获取织梦文章页栏目id?织梦在制作 模版 过程中有的时候在文章页面需要得到栏目页面的id ! ... 2021-08-27
织梦列表页list标签调用支持flag属性方法织梦列表页list标签支持flag属性方法:(注:红色标记部分就是修改... 2021-07-22
提升DedeCMS生成静态页html文件速度的方法我们都知道如果DedeCMS网站数据量大了,那么DedeCMS生成静态... 2021-07-27
织梦调用指定的多个栏目导航我们在仿站的过程中。经常会遇到需要调用多个指定的顶级栏目导航,那我们如... 2021-09-19
dedecms调用三级栏目名与栏目下的内容列表以下代码实现: 把地区划成省-市-文章的层级结构,栏目首页显示: {d... 2021-07-22

线
咨询热线:
135-0038-3336
在线客服:
点击这里给我发消息
微信交流:
公司官网: www.1yc.cn