我要学习表单提交 点击按钮没有反应.....

Question

<div class="head">我要学习</div>
  <form class="rightform" id="jsStayForm">
     <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="立即咨询 >" />
         {% csrf_token %}
         </form>
</div>

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

</script>
{% endblock %}

Answer 1

bobby 2017-12-26 16:50:27

你通过网络请求看看网络请求有没有发出去 或者有没有返回错误

• 提问者 李嘉图principal #1

  Failed to load resource: the server responded with a status of 500 (Internal Server Error)
  jquery.min.js:5 POST http://127.0.0.1:8000/org/add_ask/ 500 (Internal Server Error)
  浏览器中爆了这两个错误

• 提问者 李嘉图principal #2

  不了解Ajax不知道哪里出了问题

• 慕雪8012440 #3

  老师，我点击提交按钮之后并没有在浏览器中看到有请求信息，这是怎么回事啊？

点开查看后面4条评论