网络建站知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

织梦不跳转(ajax)提交自定义表单的方法【简单粗暴】

作者:狐灵科技 | 2019-09-27 23:06 |点击:

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

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

提交按钮增加 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属性)

多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:023-68168040 / 大客户专线:15523356218