欢迎来到素材无忧网,按 + 收藏我们
登录 注册 退出 找回密码
素材无忧对所有站长和会员的道歉信 素材无忧发展辛酸史 会员权限丢失怎么办？ 素材无忧正式更换为：素材无忧网 素材无忧也正式更换新域名：www.sucai51.cn
  主页 > cms教程 > 织梦学院 > 标签调用

dedecms织梦jquery+ajax方式提交自定义表单

时间： 2018-12-05 08:31 阅读： 次 作者：素材无忧网

我们可以借助jquery ajax提交dedecms自定义表单到后台。

此例只做为参考，实际项目中根据自己的情况酌情修改。
html部分

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 40 41 42 <form action="/plus/diy.php" enctype="multipart/form-data" method="post" id="diyform"> <input type="hidden" name="action" value="post" /> <input type="hidden" name="diyid" value="1" /> <input type="hidden" name="do" value="2" /> <input type="hidden" name="dede_fields" value="mail_name,text;mail_phone;mail_content,multitext" /> <input type="hidden" name="dede_fieldshash" value="86d34525cf75f8652022f6446152028d" /> <input type="hidden" name="setup" value="ajax" />     <div class="mail_rdd">         <div class="mail_content">             <table border="1" width="100%" class="mail_form">             <tr>                 <td width="50">                     姓名：                 </td>                 <td class="mail_input_bg1">                     <input type="text" name="mail_name" id="mail_name" maxlength="20"/>                 </td>             </tr>             <tr>                 <td>                     电话：                 </td>                 <td class="mail_input_bg1">                     <input type="text" name="mail_phone" id="mail_phone" maxlength="20"/>                 </td>             </tr>             <tr style="height:240px">                 <td>                     留言：                 </td>                 <td class="mail_input_bg3">                     <textarea name="mail_content" id="mail_content"></textarea>                 </td>             </tr>             </table>             <div class="mail_button_bar">                 <div class="mail_button confirm" onclick="send()">                 </div>             </div>         </div>     </div> </form>


js部分

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script> <script> function send(){     $.ajax({         cache: true,         type: "POST",         url:"/plus/diy.php",         data:$('#mail_form').serialize(),// 你的form id  www.dedecms51.com网         success: function(data) {             if(data=="success"){                 alert('发送成功!');             }else{                 alert('发送失败!');             }         }     }); } </script>

 

 

/plus/diy.php 修改
找到

1 showMsg($bkmsg,-1,0,3000);

改成

1 2 3 4 5 6 7 8 9 if($setup == 'ajax') {     echo "success";     exit; } else {     showMsg($bkmsg,-1,0,3000); }



如果是gbk编码的童鞋，还要修改/plus/diy.php，解决乱码问题
找到

1 $addvalue .= ", '".${$fieldinfo[0]}."'";

改成

1 $addvalue .= ", '".iconv( "UTF-8", "gb2312//IGNORE" , ${$fieldinfo[0]})."'";


$.post方法

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 var dataString = {     'name':$("#name").val(),     'tel':$("#tel").val(),     'setup':'ajax',     'action':'post',     'diyid':1,     'do':2,     'dede_fields':'name,text;tel,text',     'dede_fieldshash':'6b5fb808a4b9ea6d0603d983246a88a1', }; $.post("/plus/diy.php",dataString,function(result){     if(result=="1"){         alert('发送成功!');         $('#diyform').reset();//重置form     }else{         alert('发送失败!');     } });

版权声明： 本站资源均来自互联网或会员发布，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！

转载请注明： dedecms织梦jquery+ajax方式提交自定义表单

上一篇：dedecms织梦自定义表单地区联动类型不可用的解决方案
下一篇：dedecms织梦采集相同标题文章跳过采集方法
标签：  
相关文章
推荐文章
排行榜
模板推荐
热门标签

本站转载作品版权归原作者及来源网站所有，原创内容作品版权归作者所有，任何内容转载、商业用途等均须联系原作者并注明来源。相关侵权、举报、投诉及建议等，请发E-mail：379144319@qq.com

Copyright © 2002-2011 滕州素材无忧网络科技有限公司 版权所有nbsp; 鲁ICP备16003892号-6鲁公网安备37048102006483号