Question

这是jquery

{% 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 %}

这是提交html

	<div class="right companyright">
			<div class="head">Studing</div>
			<form class="rightform" id="jsStayForm">
				<div>
                    <img src="{% static 'images/rightform1.png' %}"/>
                    <input type="text" name="name" id="companyName" placeholder="name" maxlength="25" />
                </div>
				<div>
                    <img src="{% static 'images/rightform2.png' %}"/>
                    <input type="text" name="mobile" id="companyMobile" placeholder="mobile"/>
                </div>
				<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>
		</div>

这是网址

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

页面上有一个输入框，它是ajax，是通过jquery实现的。但是当我完成后，我对点击按钮没有任何反应，我不知道出了什么问题。这应该是一个POST请求，我该如何修改正常提交？

Answer 1

试试这个

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

   //ajax function 

});

有时编译器不会找到类/ id。希望这有帮助

Answer 2

我的不好。因为我没有使用jquery，我在第一次使用django时犯了一个小错误。它应该写成这样：

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

Django无法单击该按钮

2 个答案: