织梦不跳转用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