点击“立即咨询”出现错误

Question

1.org-list.html中表单代码：

<div class="right companyright">
     <div class="head">我要学习</div>
     <form class="rightform" id="jsStayForm" method="post">
        <div>
                  <img src="{% static 'images/rightform1.png' %}"/>
                  <input type="text" name="name" id="companyName" placeholder="名字" maxlength="25" />
              </div>
        <div>
                  <img src="{% static 'images/rightform2.png' %}"/>
                  <input type="text" name="mobile" id="companyMobile" placeholder="联系电话"/>
              </div>
        <div>
                  <img src="{% static 'images/rightform3.png' %}"/>
                  <input type="text" name="course_name" id="companyAddress" placeholder="课程名" maxlength="50" />
              </div>
              <p class="error company-tips" id="jsCompanyTips"></p>
        <input class="btn" type="text" id="jsStayBtn" value="立即咨询 >" />
          <input type='hidden' name='csrfmiddlewaretoken' value='5I2SlleZJOMUX9QbwYLUIAOshdrdpRcy' />
              {% csrf_token %}
          </form>
  </div>

2.org_list.html中的js代码：

{% block custom_js %}
<script>
    $(function(){
        $("#jsStayBtn").on("click",function(){
                        alert("I'm going to ajax...");
                        $.ajax({
                            cache:false,
                            type:"POST",
                            url:"{% url 'org:add_ask' %}",
                            data:$("#jsStayForm").serialize(),
                            async:true,
                            success:function(data){
                                console.log(data);
                                alert(data);
                                if(data.status == "success"){
                                    $("#jsStayForm")[0].reset();
                                    alert("提交成功");
                                }else if(data.status == "fail"){
                                    $("#jsCompanyTips").html(data.msg);
                                }
                            },
                        });
        });
    })
</script>
{% endblock %}

3.点击“立即咨询”出现错误：

Answer 1

bobby 2017-05-11 09:46:50

亲 你这样的提问方式就是非常正确的提问姿势， <input type='hidden' name='csrfmiddlewaretoken' value='5I2SlleZJOMUX9QbwYLUIAOshdrdpRcy' /> 把html中的这行删除

• 提问者 tdxxlsh #1

  非常感谢！

Answer 2

qq_酷夏_0 2017-06-12 20:20:34

我也遇到这个问题了，你怎么解决的，我DEBUG能看到信息，在页面没提示。

• bobby #1

  <input type='hidden' name='csrfmiddlewaretoken' value='5I2SlleZJOMUX9QbwYLUIAOshdrdpRcy' /> 把html中的这行删除

Answer 3

提问者 tdxxlsh 2017-05-13 16:22:07

谢谢老师提醒，在view代码中有个多余的括号！

Answer 4

提问者 tdxxlsh 2017-05-12 18:16:15

没有出现错误了，但点击后没有任何反应，填写后数据库中保存了两次，但没有做校验。浏览器的控制台也没有提示任何错误。

• bobby #1

  就是说数据已经 保存成功了？ 后台debug看一下数据是否进入view， 然后看看是否是view代码的额问题？ 如果都没有问题但是前端页面没有显示， 是不是后端返回的json格式有问题？ json格式中单引号和双引号可能会引起js无法解析， 你可以试着修改传递会前端的单双引号然后试试

Answer 5

提问者 tdxxlsh 2017-05-11 18:09:37

谢谢老师的回答，但删除后和删除前出现的错误一模一样。

• bobby #1

  删除后， 强制刷新一下页面 然后在提交试试