织梦自定义表单通过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);

时间：(2024-02-06 14:15:58)
本站资源均来自互联网或会员发布，如果不小心侵犯了您的权益请与我们联系。我们将立即删除！谢谢！