加入收藏 | 设为首页 | 会员中心 | 我要投稿 梧州站长网 (https://www.0774zz.cn/)- 云原生、分布式云、媒体处理、业务安全、数据可视化!
当前位置: 首页 > 教程 > 正文

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

发布时间:2022-09-05 10:19:45 所属栏目:教程 来源:互联网
导读:我们可以借助jquery ajax提交dedecms自定义表单到后台。 此例只做为参考,实际项目中根据自己的情况酌情修改。 html部分 form action=/plus/diy.php enctype=multipart/form-data method=post id=diyform input type=hidden name=action value=post / input
  我们可以借助jquery ajax提交dedecms自定义表单到后台。
  此例只做为参考,实际项目中根据自己的情况酌情修改。
  html部分   
  <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部分   
  <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.80zzw.com80站长网
          success: function(data) {
              if(data=="success"){
                  alert('发送成功!');
              }else{
                  alert('发送失败!');
              }
          }
      });
  }
  </script>
  /plus/diy.php 修改
  找到   
  showMsg($bkmsg,-1,0,3000);
  改成   
  if($setup == 'ajax')
  {
      echo "success";
      exit;
  }
  else
  {
      showMsg($bkmsg,-1,0,3000);
  }
  如果是gbk编码的童鞋,还要修改/plus/diy.php,解决乱码问题
  找到   
  $addvalue .= ", '".${$fieldinfo[0]}."'";
  改成   
  $addvalue .= ", '".iconv( "UTF-8", "gb2312//IGNORE" , ${$fieldinfo[0]})."'";
  $.post方法   
  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('发送失败!');
      }
  });

(编辑:梧州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读