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?
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
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. –