dedecms ajax表单提交，以及如何返回json的数据，以及数组的写法

Author： yuanwu
发布时间：July 1, 2021
326 views
3481 words
Categories：织梦

html代码

<div class="container">
      <h2 class="text-center" style="font-weight: 800;">在线留言</h2>
      <div class="row">
        <div class="col-xs-12">
          
          <form role="form" id='form1' method="post">
            <div class="form-group">
              <label for="name">名称
                <em style="color: red;">*</em></label>
              <input type="text" class="form-control" id="name" placeholder="请输入名称" name="name" autocomplete="off"></div>
            <div class="form-group">
              <label for="shouji">手机号
                <em style="color: red;">*</em></label>
              <input type="text" class="form-control" id="shouji" placeholder="请输入手机号" name="shouji" autocomplete="off"></div>
            <input name="mytime" value="" type="hidden" id="time" name="time" />
            <script type="text/javascript">window.onload = function() {
                var nowDate = new Date();
                var str = nowDate.getFullYear() + "-" + (nowDate.getMonth() + 1) + "-" + nowDate.getDate() + " " + nowDate.getHours() + ":" + nowDate.getMinutes() + ":" + nowDate.getSeconds();
                document.getElementById("time").value = str;
              }</script>
            <input type="hidden" name="dede_fields" value="name,text;shouji,text;time,text" />
            <input type="hidden" name="dede_fieldshash" value="c4691be854e9f9c1d5ff2a0e1d9704ae" />
            <button type="submit" class="btn btn-default" id="btn-form1" style="font-size: .96240942rem;color:#fff;width: 100%; height: 2.75rem; margin: 0px auto; background-color: rgb(255, 156, 0); border-radius: 3px; line-height: 2.75rem;">提交</button></form>
        </div>
      </div>
    </div>

js代码

ajax提交完表单数据依然跳转的解决办法
既然ajax提交数据,就把表单里面submit按钮换掉,因为触发submit他就会跳转页面
提交的时候他会先触发ajax 再触发submit的提交
2.如果确定了表单没有submit,那么把提交的按钮的onclick属性值设置为 onclick="return false;"
jquery写事件触发的时候建议不直接用$('#vel').click(function(){}) 写成绑定事件 $('#vel').on(click(function(){}))
我是这样返回数组的
![1515769-20200702223726301-10512974.png][1]

[1]: https://www.huangshuxiu.com/usr/uploads/2021/07/2332228338.png
正确的写法是

$data=array('code'=>1,'msg'=>'提交成功，请耐心等待');
    //echo json_encode($data,JSON_UNESCAPED_UNICODE);
    echo json_encode($data);
        //最终居然不需要这个JSON_UNESCAPED_UNICODE常量，我草，难道是，头部函数，里设置了utf-8以后，就不对中文进行编码了？

Last modification：July 1, 2021