织梦不跳转用ajax提交自定义表单的方法
1.html表单代码部分，就提交按钮改成botton,，添加onclick事件
1 2 3 | <form action="javascript:;" enctype="multipart/form-data" method="post"> <input type="button" class="submit fr" value="提 交" onclick="add_ajaxmessage()"/> |
2.js代码（这个代码之前一定要引入jQuery库）
3.把ajax代码放在页面最底部（不能放在jquery库之前）
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <script type="text/javascript"> 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 + '&content=' + content.value + '&url=' + url.value + '&action=post'+ '&diyid=1&do=2&dede_fields=name,text;tel,text;email,text;content,text;url,text&dede_fieldshash=19f54c7340464731e4f67d069fccacf7'; $.ajax({ type: "POST", url: "/plus/diy.php", //提交到后台文件 data: dataString, //传值 success: function(data) { alert(data);//成功打印PHP返回的值 } }); return false; } </script> |
4.修改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); |
浅唱6（微信/QQ号：909912499），欢迎分享本文，转载请保留出处！部分内容来自网络，如有侵权请联系删除处理！
相关信息
本站提供代码修改,dedecms,WordPress仿站二次开发 / PHP网站建设以及SEO优化等网络营销推广等服务。
如有需要请加QQ: 909912499