2017-10-30 1 views
0

diese jquery istDjango kann nicht auf die Schaltfläche klicken

{% 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) { 
         console.log(data) 
         alert(data) 
         if(data.status == 'success') { 
          $('#jsStayForm')[0].reset(); 
          alert('successful') 
         } 
         else if(data.status == 'fail') { 
          $('#jsCompanyTips').html(data.msg) 
         } 
        }, 
       }) 
      }); 
     }); 
    </script> 
{% endblock %} 

dies html

\t <div class="right companyright"> 
 
\t \t \t <div class="head">Studing</div> 
 
\t \t \t <form class="rightform" id="jsStayForm"> 
 
\t \t \t \t <div> 
 
        <img src="{% static 'images/rightform1.png' %}"/> 
 
        <input type="text" name="name" id="companyName" placeholder="name" maxlength="25" /> 
 
       </div> 
 
\t \t \t \t <div> 
 
        <img src="{% static 'images/rightform2.png' %}"/> 
 
        <input type="text" name="mobile" id="companyMobile" placeholder="mobile"/> 
 
       </div> 
 
\t \t \t \t <div> 
 
        <img src="{% static 'images/rightform3.png' %}"/> 
 
        <input type="text" name="course_name" id="companyAddress" placeholder="course_name" maxlength="50" /> 
 
       </div> 
 
       <p class="error company-tips" id="jsCompanyTips"></p> 
 
       <input class="btn" type="text" id="jsStayBtn" value="consult >" /> 
 

 
      {% csrf_token %} 
 
      </form> 
 
\t \t </div>

einreichen dies Urls

urlpatterns = [ 
    # 课程机构列表页 
    url('^list/$', OrgView.as_view(), name="org_list"), 
    url('^add_ask/$',AddUserAskView.as_view(), name='add_ask'), 
] 

Ther e ist ein Eingabefeld auf der Seite, das Ajax ist und durch jquery implementiert wird. Aber wenn ich fertig bin, habe ich keine Reaktion auf das Klicken des Knopfes, ich weiß nicht, was schief gelaufen ist. Das sollte eine POST-Anfrage sein, wie soll ich die normale Einreichung ändern?

+0

Wenn Sie debuggen in Ihrem Browser , gibt es einen Fehler in der Debugging-Konsole? Wird der Click-Handler überhaupt aufgerufen? Wird die AJAX-Anfrage gestellt? Ist es das, was Sie erwarten? Wie lautet die Antwort des Servers? – David

+0

Es könnte ein Problem der HTML-Struktur versuchen mit nur Formular-Tag und entfernen div. Ich muss es überprüfen, aber lassen Sie es mich wissen, nachdem Sie es getan haben. –

Antwort

0

versuchen, wie diese

$(document).on('click', '#jsStayBtn',function(){ 

    //ajax function 

}); 

Manchmal Compiler nicht die Klasse/id gefunden. Hope this

0

mein bad.Because hilft ich nicht jQuery habe ich bei der Verwendung django zum ersten time.It einen kleinen Fehler gemacht wie folgt geschrieben werden:

url:"{% url 'org:add_ask' %}", 
Verwandte Themen