织梦如何ajax将复选框提交后台,织梦自定义表单通过ajax提交的实现方法

自定义表单通过ajax判断，提交不用跳转页面，提高用户体验。具体方法如下：

html表单代码部分，就提交按钮改成botton,，添加onclick事件

表单代码：

姓名：

电话：

手机：

邮箱：

留言：

js代码(这个代码之前一定要引入jQuery库)：

function add_ajaxmessage(){

var name=document.getElementById("name");

var tel =document.getElementById("tel");

var iphone=document.getElementById("iphone");

var email=document.getElementById("email");

var liuyan=document.getElementById("liuyan");

//定义变量接收上面表单每项的值和几个dede隐藏的input的值

var dataString = 'name='+ name.value + '&tel=' + tel.value + '&iphone=' + iphone.value + '&email=' + email.value + '&liuyan='+ liuyan.value +'&action=post'+ '&diyid=1&do=2&dede_fields=name,textchar;tel,textchar;iphone,textchar;email,textchar;liuyan,multitext';

$.ajax({

type: "POST",

url: "/plus/diy.php", //提交到后台文件

data: dataString, //传值

success: function(data) {

alert(data);//成功打印PHP返回的值

}

});

return false;

}

php代码：

找到：if(!empty($dede_fields))

{

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

if($name==""){

echo "请填写您的姓名！";//注意：输出用echo输出，不要用showMsg()；

exit();

}

}

找到：$goto = !empty($cfg_cmspath) ? $cfg_cmspath : '/';

$bkmsg = '发布成功，请等待管理员处理...';

这两句，改成：echo "提交成功！";

删掉下面这一句：showmsg($bkmsg, $goto);

DedeCMS问题解决

请点击在线联系我们【点击咨询解决问题】   如果您有任何织梦问题，我们将免费为您写解决教程！

用心认真写教程不易，请小打赏我们一下，多少是心意，解决问题是重点

【打赏说明】 如果您认为在本站中看的内容质量不错、或阅读后有所收获、或解决您遇到的实际问题，那不妨小金额的赞助一下尚禹科技，让尚禹科技有动力继续写出更多高质量的教程和心得。以帮助更多的人。[查看打赏记录]