当前位置: 首页 >织梦dedecms

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

织梦dedecms 2018-10-18 阅读量: 177 TAG:

1.将form元素的属性action、enctype、method去掉,添加id=”form”,form元素就变为

1
<form id="form">

2.引入jquery库

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
function add_ajax(){
    $.ajax({
        type: "POST",
        url: "/plus/diy.php",//提交到后台文件
        data: $('#form').serialize(),//表单传值
        success: function(data) {        
            alert(data);//弹窗显示PHP返回的值,如不需要显示,注释掉这行即可
            $("#deok").html(data);//以html的形式显示在指定id的元素里
            $('#form')[0].reset();//提交后清除表单填写的值
        }
    });
    return false;
}
</script>

5.修改diy.php代码
找到:

1
if(!empty($dede_fields))
1
2
3
4
5
6
7
8
9
10
11
12
13
{

//在里面加入判断语句,不判断也可以

if($name==""){

echo "请填写您的姓名!";//注意:输出用echo输出,不要用showMsg();

exit();

}

}

找到:

1
2
$goto = !empty($cfg_cmspath) ? $cfg_cmspath : '/';
$bkmsg = '发布成功,请等待管理员处理...';

这两句,改成:

1
echo "提交成功!";

删掉下面这一句:

1
showmsg($bkmsg, $goto);

来源:(微信/QQ号:909912499),欢迎分享本文,转载请保留出处!部分内容来自网络,如有侵权请联系删除处理!

相关信息

本站提供代码修改,dedecms,WordPress仿站二次开发 / PHP网站建设以及SEO优化等网络营销推广等服务。

如有需要请加QQ: 909912499