您当前的位置: 主页 > 优化教程
在做项目的过程中遇到要将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中的{dede:php}{/dede:php}的详细用法dedecms里面有两个标签还是比较灵活的,一个是{dede:php}... 2021-07-30
dedecms修改默认keywords字符长度的方法关键词在搜索引擎优化这一方面有着非常重要的作用,简单来讲,关键词一般指... 2021-07-30
织梦修改了留言板后提交验证码错误返回空白解决方法织梦留言板在输入验证码错误或者没有输入的时候,默认返回空白页,怎么修改... 2021-07-27
DedeCMS相关文章调用标签代码,有利于seo优化DedeCMS有提供相关标签likeart可以调用全站的相关文章,文章... 2021-07-22
织梦dedecms程序如何更改网站后台标题去掉织梦内容管理系统字样很多站长朋友都是使用织梦dedecms程序做企业宣传站点。这款程序建站... 2021-07-30
dede后台左侧菜单空白或不显示的解决办法(完美解决)安装好dedecms后,进入后台你发现左边菜单一片空白,显示不出来,这... 2021-07-22
dedecms会员排行调用代码分享dedecms会员排行调用代码分享 首先,看下官方代码: { dede... 2021-07-22
DedeCms织梦模板 autoindex和itemindex 使用教程让dedecms autoindex,itemindex 从0到1开始... 2021-07-22
织梦添加一个函数,实现任意字段调用先上代码 function table($table, $field,... 2021-07-22
织梦dedeCMS版权代码修改及$arrs1和$arrs2的含义织梦(dede)CMS的版权调用方法为:{dede:global.cf... 2021-07-27
dedecms织梦模板首页导航菜单二级栏目调用标签channelartlist本文实例讲述了dedecms首页导航菜单二级栏目调用标签的用法。分享给... 2021-07-22
DedeCMS“系统无此标签,可能已经移除”的解决方法今天在AB模板网开发新网站搜索标签的时候,居然有2个标签提示系统无此标... 2021-08-09
织梦dedecms 如何让友情链接的a标签显示title天在弄友情链接的时候 发现友情链接不会显示title 但是有时候换友链... 2021-07-30
pbootcms模板文件如何调用所有的文章pbootcms模板文件如何调用网站所有的文章1{pboot:list... 2023-06-26
织梦tag显示每个tag相应的文章数量有些时候我们想实现类似于wordpress那样的tag,就是在显示ta... 2021-08-14

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