Ajax触发的请求不会更新Django View
我试图将这个问题分解为最简单的例子。当请求是ajax时，使用更新的上下文呈现页面不会产生预期的结果。
<html>
<body>
{% if templateVariable %}
<h1>{{ templateVariable }}</h1>
{% endif %}
<button id="testBtn">TEST</button>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(function() {
$('#testBtn').click(function(event) {
$.ajax({
type: "POST",
url: "./",
data: {
'x' : 'x',
'csrfmiddlewaretoken' : '{{ csrf_token }}'
}
});
});
});
});
</script>
</body>
</html>
views.py
def index(request):
context = {}
if 'x' in request.POST:
context['templateVariable'] = 'I was updated via ajax'
print('ajax ran')
return render(request, 'index.html', context)
context['templateVariable'] = 'I was not updated via ajax'
print('ajax was not run')
return render(request, 'index.html', context)
-
当我第一次加载页面时，将打印“ ajax未运行”，templateVariable为“我未通过ajax更新”，并且页面按预期在h1标记中呈现。
-
当我单击testBtn时，我期望ajax请求触发if语句，更新上下文，并在h1标签中显示“我是由ajax更新”的页面。
-
相反，将在打印页面时打印“ ajax ran”，但templateVariable仍为“我没有被ajax更新”。最初加载页面时，“ ajax尚未运行”仅打印一次。
为什么我没有得到预期的结果？
编辑： 似乎每个人都同意您不能使用ajax请求返回渲染和更新上下文变量，但是我仍然遇到麻烦，因为我相信这是可能的。这是一些备用代码：
index2.html：
<html>
<body>
{% if templateVariable %}
<h1>{{ templateVariable }}</h1>
{% endif %}
<h1 id="placeHolder"></h1>
<button id="testBtn">TEST</button>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(function() {
$('#testBtn').click(function(event) {
$.ajax({
type: "POST",
url: "./",
data: {
'x' : 'x',
'csrfmiddlewaretoken' : '{{ csrf_token }}'
},
success: function (data) {
$('#placeHolder').html(data);
},
dataType: 'html'
});
});
});
});
</script>
</body>
</html>
views2.py
def index2(request):
context = {}
if 'x' in request.POST:
context['templateVariable'] = 'I was updated via ajax'
print('ajax ran')
return render_to_response('notIndex.html', context)
context['templateVariable'] = 'I was not updated via ajax'
print('ajax was not run')
return render(request, 'index.html', context)
notIndex.html：
{% if templateVariable %}
{{ templateVariable }}
{% endif %}
- 在此示例中，页面最初在上下文中加载有templateVariable，因为“我未通过Ajax更新”。
- 单击testBtn时，ajax请求将触发视图中的if块。这将使用更新的上下文呈现notIndex.html。
- Ajax调用的成功函数将生成的html从notIndex.html设置为h1标记。
那么，如果页面与ajax调用所来自的页面不同，为什么仅用ajax可以触发页面渲染呢？
问题答案：
您无法从AJAX返回渲染或重定向，这就是它的工作方式
如果要基于服务器上发生的事情更新UI，例如您拥有购物车，并且想要在不刷新页面的情况下实现“添加到购物车”，则“添加到购物车”按钮必须请求您提供的端点在urls.py＆中，如果添加了object，则该URL必须返回true；否则，它必须返回false，但不会在UI上对其进行更新，因此您需要使用Javascript手动更改购物车商品计数。
如果您尝试重定向或将渲染返回到ajax，它将获得HTML或重定向/渲染，仅此而已。
如果要重定向，则需要使用JS来实现，但没有Django的上下文变量。
-
问题内容： 我在我的网站上做了一些非常基本的jQuery ajax的工作，并且遇到了很多麻烦。 以下是相关代码： 该页面是通过HTTPS加载的，但是XMLHttpRequests似乎是通过HTTP输出的。 我甚至尝试将URL更改为绝对URL（https://larsendt.com/jsontest/randomdata），它 仍然 将请求发送到我的站点的HTTP版本。 自然，由于请求将转到其他协
-
所以我实际上已经阅读了关于这个的stackoverflow问题，但是它们对于使用最新版本的wordpress来说有点太老了。 我的最终目标是提交我的表单中的一些数据到数据库，但现在ajax响应对我不起作用。在WP中的自定义页面加载中，将加载所有代码，以便所有函数都应正常工作。所有这些都在PHP文件中，为什么使用echo来创建JS脚本。这是我代码的重要部分 使用WP的当前版本，所以变量ajaxurl
-
问题内容： 我目前正在使用基于Web的Twitter客户端，因此我使用了angular.js，node.js和socket.io。我通过socket.io将新的推文推到我的客户端，服务在其中等待新的推文。当一条新的推文到来时，该服务通过$ broadcast发送事件。 在我的控制器中是一个事件侦听器，其中传入的tweet在单独的函数中进行处理。此功能只是将新的推文推入我的推文范围。 现在，我的问题
-
问题内容： 该脚本每5秒重新加载或刷新页面一次。但是我想使用jQuery和AJAX调用来做到这一点。可能吗？ 问题答案： 正如其他人指出的那样，setInterval和setTimeout可以解决问题。我想强调一点我从Paul Irish的精彩视频中学到的更先进的技术：http : //paulirish.com/2010/10-things-i-learned-from-the- jquery-
-
问题内容： 我正在处理用户脚本，但我发现当主页发出AJAX请求时，该脚本未运行。 有什么方法可以在主页加载和AJAX请求上触发用户脚本？ 问题答案： 在AJAX请求上重新运行脚本代码的明智方法是，专注于页面的关键部分并检查更改。 例如，假设页面包含如下所示的HTML： 并且您希望脚本对每个注释进行处理。 现在，您 可以 拦截所有AJAX调用， 或者侦听 （不建议使用）或使用s，但是这些方法可能会变
-
问题内容： 伙计们，我有一个小问题。我正在尝试实现以下方案： 用户打开主页，看到其他用户的列表，然后单击以将其添加到他的朋友列表。 我向服务器资源发出Ajax请求，以验证用户是否登录，如果是，我向另一个服务器资源发出另一个Ajax请求，以将其实际添加到用户的朋友列表中。 听起来很简单？这是我做的事情：创建了一个函数，该函数将向服务器发出第一个请求，以确定用户是否已登录。我使用方法发出此请求。这是我