织梦自定义表单通过ajax方法提交

发布时间:

很久没写文了,今天刚好有用到这个方法,所以写出来吧,还有今天是元宵节,祝各位元宵节快乐!

织梦自定义表单很多朋友都有用到吧,但是织梦默认的表单提交之后页面会跳转,这样对于用户体验来讲,非常的不好,那么如何利用ajax实现织梦自定义表单的提交呢?下面看大鱼的演示。

实现方法

首先我们先在后台建立一个自定义表单(具体方法这里就不做多余的讲解了,相信大家都会),表单字段为:

姓名(字段名:name)单行文本年龄(字段名:age)单行文本爱好(字段名:hobby)单行文本

ok建立成功。

织梦自定义表单通过ajax方法提交

在后台建立好表单之后,开始写前台表单部分模板,将以下代码放到模板文件中。

  1. <form action="javascript:;" enctype="multipart/form-data" method="post">
  2. <input type="hidden" name="action" value="post" />
  3. <input type="hidden" name="diyid" value="2" />
  4. <input type="hidden" name="do" value="2" />
  5. <table style="width:97%;" cellpadding="0" cellspacing="1">
  6. <tr>
  7.   <td align="right" valign="top">姓名:</td>
  8.   <td><input type='text' name='name' id='name' style='width:250px'  class='intxt' value='' />
  9. </td>
  10. </tr>
  11. <tr>
  12.   <td align="right" valign="top">年龄:</td>
  13.   <td><input type='text' name='age' id='age' style='width:250px'  class='intxt' value='' />
  14. </td>
  15. </tr>
  16. <tr>
  17.   <td align="right" valign="top">爱好:</td>
  18.   <td><input type='text' name='hobby' id='hobby' style='width:250px'  class='intxt' value='' />
  19. </td>
  20. </tr>
  21. <input type="hidden" name="dede_fields" id="dede_fields" value="name,text;age,text;hobby,text" />
  22. <input type="hidden" name="dede_fieldshash" id="dede_fieldshash" value="7e485be95e342752a5be664ee7f99b7c" /></table>
  23. <div align='center' style='height:30px;padding-top:10px;'>
  24. <input type="submit" name="submit" value="提 交" class='coolbg' onclick="checkform() />
  25. &nbsp;
  26. <input type="reset" name="reset" value="重 置" class='coolbg' />
  27. </div>
  28. </form>

JS代码(注意在此之前一定调用jquery库)

  1. function checkform(){
  2.     var data = "name="+$("#name").val()+ "&age=" + $("#age").val()+ "&hobby="+$("#hobby").val() + "&action=post"+"&diyid=1&do=2" + "&dede_fields="+$("#dede_fields").val() + "&dede_fieldshash="+$("#dede_fieldshash").val(),
  3.     $.ajax({
  4.     type: "post",
  5.     url: "/plus/diy.php",
  6.     data: data,
  7.     success: function (msg) {
  8.          alert(msg);//成功打印PHP返回的值
  9.     }
  10. });
  11. return false;
  12. }

修改织梦的PHP文件,文件目录 /plus/diy.php

首先找到

  1. $goto = !emptyempty($cfg_cmspath) ? $cfg_cmspath : '/';
  2. $bkmsg = '发布成功,请等待管理员处理...';

修改为

  1. echo '发布成功,请等待管理员处理...';

然后将下面的

  1. showmsg($bkmsg$goto);

删除或者注释掉即可。

本文由大鱼模板网原创,如需转载请注明来源,谢谢!

有问题请留言。

本文来自 大鱼模板网

转载标注此链接:http://www.dayumoban.com/faq/dedejz/16252018.html

留个言呗

您必须 [ 登录 ] 才能发表留言!