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

概述我们可以借助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 formactio

我们可以借助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 >         <div >             <table border="1" wIDth="100%" >             <tr>                 <td wIDth="50">                     姓名：                 </td>                 <td >                     <input type="text" name="mail_name" ID="mail_name" maxlength="20"/>                 </td>             </tr>             <tr>                 <td>                     电话：                 </td>                 <td >                     <input type="text" name="mail_phone" ID="mail_phone" maxlength="20"/>                 </td>             </tr>             <tr >                 <td>                     留言：                 </td>                 <td >                     <textarea name="mail_content" ID="mail_content"></textarea>                 </td>             </tr>             </table>             <div >                 <div  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.jb51.cc织梦模板网         success: function(data) {             if(data=="success"){                 alert('发送成功!');             }else{                 alert('发送失败!');             }         }     }); } </script>

 

 

/plus/diy.PHP 修改
找到

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

改成

1 2 3 4 5 6 7 8 9

if($setup == 'AJAX') {     echo "success";     exit; } else {     showMsg($bkmsg,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('发送失败!');     } });

上一篇：dedecms织梦自定义表单地区联动类型不可用的解决方案

下一篇：dedecms织梦采集相同标题文章跳过采集方法

总结

以上是内存溢出为你收集整理的dedecms织梦jquery+ajax方式提交自定义表单全部内容，希望文章能够帮你解决dedecms织梦jquery+ajax方式提交自定义表单所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。