DEDECMS织梦不跳转用ajax提交自定义表单的代码教程

在做项目的过程中遇到要将form表单提交转为ajax方式提交，下面是我总结的如何把form表单提交无缝转为ajax方式提交的方法。
织梦默认的表单长这样：

要转化为ajax方式提交，需要做以下几个改变：
将form元素的属性action、enctype、method去掉，添加id=”form”，form元素就变为

引入jquery库，jquery-1.8.2.min,这个可以自行百度下载，或者引用公共库文件
提交按钮增加 onclick=”add_ajaxmessage()” 并把 type=”submit” 修改为 type=”button” ，例如：

type="button" value="提 交" onclick="add_ajaxmessage()" /> 删除原表单中的这些表格 type="hidden" name="action" value="post" /> type="hidden" name="diyid" value="1" /> type="hidden" name="do" value="2" /> type="hidden" name="dede_fields" value="dh,text;xy,text;nr,multitext" /> type="hidden" name="dede_fieldshash" value="ad50c1ee216430a63d64780d3e5e7262" /> 把ajax代码放在页面最底部（不能放在jquery库之前）

注释01：#666是指定的元素的id，例如

自定义表单不存在”;，这样就会在id=666的元素中输出红色的”自定义表单不存在”看图1。）

 

详解：代码中有些地方需要和你的自定义表单数值进行替换，下面我用颜色来标注进行区分，请自行替换。
ajax代码：

表单代码（和上面的ajax代码对照并替换一致）：

查看源码 打印代码帮助 "/plus/diy.php" enctype="multipart/form-data" method="post">   type="hidden" name="action" value="post" />   type="hidden" name="diyid" value="1" />   type="hidden" name="do" value="2" />   "width:97%;" cellpadding="0" cellspacing="1">   <tr>      "right" valign="top">电话： type='text' name='dh' id='dh' style='width:250px'  class='intxt'value='' />      tr>   <tr>      "right" valign="top">邮箱： type='text' name='xy' id='xy' style='width:250px'  class='intxt'value='' />      tr>   <tr>      "right" valign="top">内容： <code >'nr'</code> <code >id</code><code >=</code><code >'nr'</code> <code >style=</code><code >'width:90%;height:80'</code><code >>      tr>   type="hidden" name="dede_fields" value="dh,text;xy,text;nr,multitext"/>   type="hidden" name="dede_fieldshash"value="ad50c1ee216430a63d64780d3e5e7262" />    'center' style='height:30px;padding-top:10px;'>   type="submit" name="submit" value="提 交" class='coolbg' />   type="reset" name="reset" value="重 置" class='coolbg' />