实战

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

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

来源：7-8 modelform提交我要学习咨询2

tdxxlsh

2017-05-10

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.点击“立即咨询”出现错误：

http://szimg.mukewang.com/5913232600012ba416040775.jpg

写回答

5回答

bobby

2017-05-11

已采纳

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

0
1
tdxxlsh
非常感谢！
2017-05-13
共1条回复

qq_酷夏_0

2017-06-12

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

0
1
bobby
把html中的这行删除
2017-06-13
共1条回复

tdxxlsh

提问者

2017-05-13

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

0
0

tdxxlsh

提问者

2017-05-12

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

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

tdxxlsh

提问者

2017-05-11

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

0
1
bobby
删除后， 强制刷新一下页面 然后在提交试试
2017-05-12
共1条回复

Python3.6+django+xadmin，打造在线教育平台

【毕设】Python 2.7到3.6 完美适配，Django升级2.0

3677 学习 · 4038 问题

查看课程

相似问题

点击“我要咨询"，页面上没有反应

回答 2

点击立即咨询后，去除错误信息

回答 3

7-8 点击咨询之后没有提示错误，成功提交之后也没有显示提交成功，但是数据确实存上了0个回答

回答 5

为什么点击“立即咨询”没有任何反应

回答 7

点击立即咨询，没有反应because

回答 1

打开慕课网App查看更多内容