[英]Javascript POST to Django using Ajax not working
我試圖通過ajax發送發帖請求,但ajax似乎沒有觸發。 在create_post()
, console.log("i'm clicked");
確實顯示在控制台中。 monthly_query(request)
的打印語句不會顯示在日志中。
HTML:
<form method="POST" action="/create_post/" id="post-form">
<select id = "datasource">
<option value="data1">data1</option>
<option value="data2">data2</option>
</select>
<select id="sourceyear">
{% for year in years %}
<option value="Years">{{ year }}</option>
{% endfor %}
</select>
<select id="sourcemonth">
<option value="Monthly">1</option>
<option value="Monthly">2</option>
<option value="Monthly">3</option>
<option value="Monthly">4</option>
</select>
<input type="button" value="Submit" onclick="create_post()"/>
{% csrf_token %}
</form>
Javascript:
$(document).ready(function() {
$('#post-form').on('submit', function(event) {
event.preventDefault();
});
function create_post() {
console.log("i'm clicked");
$.ajax({
url: "create_post/",
cache : "false",
type: "POST",
dataType: 'json',
data : { 'source': $("#datasource").val(), 'year': $("#sourceyear").val(), 'month': $("#sourcemonth").val() },
success : function(json) {
console.log("my json")
$("#outgoingvalue").prepend(json.result);
},
error: function(xhr,errmsg,err) {
console.log(xhr.status + ": " + xhr.responseText);
}
});
}
}
views.py:
def monthly_query(request):
print("request made")
if request.method == 'POST':
print("post request success")
urls.py:
urlpatterns = patterns (
'',
url(r'^$', views.metrics, name='metrics'),
url(r'^api/graphs', views.graphs, name='graphs'),
url(r'^create_post/$', views.monthly_query, name='create_post'),
)
編輯:附加的javascript:
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
var csrftoken = getCookie('csrftoken');
function csrfSafeMethod(method) {
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
function sameOrigin(url) {
//test that a given url is a same-origin URL
//url could be relative or scheme relative or absolute
var host = document.local.host;
var protocol = document.location.protocol;
var sr_origin = '//' + host;
var origin = protocol + sr_origin;
return (url == origin || url.slice(0, origin.length + 1) == origin +'/') ||
(url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
!(/^(\/\/|http:|https:).*/.test(url));
}
$.ajaxSetup({
beforeSend: function(xhr, settings) {
if(!csrfSafeMethod(settings.type) && sameOrigin(settings.url)) {
xhr.setRequestHeader("X-CSRFToken", csrftoken);
}
}
});
編輯: beforeSend: function(xhr, settings)
輸出beforeSend: function(xhr, settings)
console.log(settings);
:對象{url:“ / create_post /”,類型:“ POST”,isLocal:false,全局:true,processData:true,異步:true,contentType:“ application / x-www-form-urlencoded;…”,接受:對象,內容:對象,responseFields:對象,還有14個…}
在您的ajax請求中,您請求的是create_post/
,這是一個相對URL。 因此,如果您在/home/
,則請求將發送到/home/create_post/
。 您應該使用相對於root的路徑。 因此它應該是/create_post
。
print
會在您的控制台上顯示該消息,但不會將字符串作為html響應發送。
並且您需要處理csrf令牌。 最好將它作為請求的一部分傳遞或豁免。
from django.views.decorators.csrf import csrf_exempt
@csrf_exempt
def monthly_query(request):
print("request made")
if request.method == 'POST':
return HttpResponse("post request success")
您需要從視圖返回HttpResponse
,以便將其作為服務器的響應發送。 csrf_exempt
裝飾器將使視圖不受csrf保護。
您可以這樣導入:
from django.http import HttpResponse
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.