赣州建站资讯网

为消费者提供更优质的体验

dedecms不跳转(ajax)提交自定义表单的方法

引入jquery库,

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

<form id="form">


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

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


把ajax代码放在页面最底部(不能放在jquery库之前)

function add_ajax(){
    $.ajax({
        type: "POST",
        url: "/plus/diy.php",//提交到后台文件
        data: $('#form').serialize(),//表单传值
        success: function(data) {
            alert(data);//弹窗显示PHP返回的值,如不需要显示,注释掉这行即可
            $('#form')[0].reset();//提交后清除表单填写的值
        }
    });
    return false;}


延伸阅读:

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

- END -
声明:文字图片等素材除标明原创外均来源于网络,如有侵权,请及时告知我们,我们将在最短的时间内删除!

相关推荐

微信公众平台:圆狐创意

关注圆狐创意微信公众平台浏览最新资讯

更多媒体及商务合作

QQ:295939675   或  至电:198-6662-0460