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

时间:2019-03-04 00:00 来源:织梦ok 点击:次

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

引入jquery库，<script src="jquery-1.8.2.min.js"></script>

引入 jquery-1.8.2.min.js，右键选择“另存为”

提交按钮增加 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返回的值
            $("#deok").html(data);//以html的形式显示在指定id的元素里
            $("#form")[0].reset();//提交后清除表单填写的值
            $(this).val("");//清空上次input框里的数据
            $("#deok").val(aaa["boxnum"]);//向input框里写入新数据
        }
    });
    return false;
}
</script>

网页特效代码_站长素材站移动版

DeDecms教程

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

时间:2019-03-04 00:00 来源:织梦ok 点击:次