开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

DJANGO，从AJAX调用返回不会更新html

DJANGO是一个基于Python的开源Web应用框架，它遵循了MVC（Model-View-Controller）的设计模式，旨在帮助开发者快速构建高效、可扩展的Web应用程序。

在AJAX调用中，如果返回的数据不会更新HTML，可能是由于以下几个原因：

前端代码问题：首先需要确保前端代码正确地处理了返回的数据。在AJAX调用成功后，可以通过回调函数来处理返回的数据，并将其更新到HTML中的相应元素上。如果前端代码没有正确处理返回的数据，就无法更新HTML。
后端代码问题：在Django中，后端代码负责处理AJAX请求并返回数据。如果后端代码没有正确地处理请求或返回了错误的数据，就无法更新HTML。需要检查后端代码，确保它正确地处理了AJAX请求，并返回了正确的数据。
缓存问题：如果服务器端对返回的数据进行了缓存，那么即使数据发生了变化，HTML也不会更新。可以尝试在AJAX请求中添加一个随机参数，以避免缓存。
前端模板问题：如果使用了Django的模板引擎，在模板中可能存在问题导致HTML不会更新。可以检查模板中的相关代码，确保它正确地渲染了返回的数据。

总结起来，要解决AJAX调用返回不会更新HTML的问题，需要确保前端代码正确处理返回的数据，后端代码正确处理请求并返回正确的数据，避免缓存问题，并检查前端模板是否正确渲染数据。

腾讯云相关产品和产品介绍链接地址：

腾讯云服务器（CVM）：提供可扩展的云服务器实例，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于存储和管理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos

相关搜索:Ajax post调用应返回到html页面 Ajax请求不会从服务器返回答案 Ajax调用不会更新链接、html和类 django ajax返回多个html并挂载。Django如何向ajax调用发送变量并更新javascript值 html django中的AJAX更新变量 Wordpress ajax调用返回整个html页面，但并不总是返回从ajax更新Html.RenderPartialAsync()从AJAX调用外部的AJAX返回值从ajax调用返回html并对其进行格式化

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

django从后台返回html代码的实例

需求：有时需要直接从后台返回html代码，并带有相应的css，免得在前端再写一堆嵌入代码进行判断。...django从 views 往 templates 传输html代码时，默认是不渲染此html代码，原因是为了安全。...而为了渲染html代码，需要额外加上一些代码： from django.utils.safestring import mark_safe deploy_success = mark_safe('<span...html语言防止转义的方法(2种) 目的,为了让前端对后端传输的这种方式不转义 1.使用mark_safe() from django.utils.safestring import mark_safe...# 后端safe 2.使用safe过滤器 {{ value|safe }} 以上这篇django从后台返回html代码的实例就是小编分享给大家的全部内容了，希望能给大家一个参考。

2.3K3 0

使用AJAX获取Django后端数据

使用Django服务网页时，只要用户执行导致页面更改的操作，即使该更改仅影响页面的一小部分，它都会将完整的HTML模板传递给浏览器。...但是如果我们只想更新页面的一部分，则不必完全重新渲染页面-这时候就要用到AJAX了。 AJAX提供了一种将GET或POST请求发送到Django视图并接收任何返回的数据而无需刷新页面的方法。...通过将设置为“XMLHttpRequest”的“X-Requested-With”标头包括在内，该视图将能够检查请求是否为AJAX。 get不会直接返回数据。...第二个.then允许我们访问第一个.then返回的数据，并允许我们使用它，然后可以处理这个数据，比如进行更新页面操作。在视图中处理GET请求我们需要一个视图来处理来自fetch调用的AJAX请求。...将根据那些URL参数或查询字符串（如果使用的话）从数据库中检索数据。我们要发送回页面的数据必须在使用JsonResponse。调用之前，请确保从django.http导入JsonResponse。

7.5K4 0

Django 中使用 ajax 请求的正确姿势

思路整理在 django 中使用 ajax 其实就是在前端代码中（一般是 js 中）使用 ajax 调用 django 的接口，然后去更新指定的页面部分。...有了这个基本关系理解，我们再来把两者结合的过程分解到代码中，我每次写在线工具的思路大致如下：在 html 中写好表单以及调用到 ajax 请求的动作，比如按钮点击既然要引用 ajax 发请求，那么可以把...ajax 的请求过程以及请求前后要做的事件都写到函数中，然后单独放到 js 文件中 ajax 发请求的本质就是调用 django 的接口，所以 django 的 URL 中需要提供接口 django...函数的开始部分是从 html 中拿表单里面的输入信息，这个不解释，可以使用 jQuery 的 $.trim() 方法来处理空格问题。...总结 django 结合 jQuery 的 AJAX 可以做到前后端数据传递，利用 ajax 的特性可以在不更新当前 URL 的基础上面做到数据库传递，从而到达只更新部分 HTML 的效果。

1.8K1 0

Django 2.1.7 查询数据返回json格式

需求问题在日常工作中，对于前端发送过来的请求，后端django大部分都是采用json格式返回，也有采用模板返回视图的方式。...在模板返回视图的方式的确很方便，但是如果涉及到动静分离、ajax请求这类，django就只能返回json格式的数据了。...那么这里就带来了一个问题，如何将django从数据库模型类中查询的数据以json格式放回前端。然后前端如果获取读取返回过来的数据呢？...环境说明前端采用jquery发送ajax请求 python 3.7.2 django 2.1.7 示例说明这次示例首先写一个简单的页面发送ajax请求，然后后端分如何返回多行数据，如果返回查询对象进行示例说明...浏览器测试功能如下： ” 可以从浏览器的控制台看到后端返回过来的结果数据。但是这样直接返回跟前端没有任务约束是不好的，那么下面来增加一下与前端交互的格式约束。

2.4K1 0

Django 2.1.7 查询数据返回json格式

需求问题在日常工作中，对于前端发送过来的请求，后端django大部分都是采用json格式返回，也有采用模板返回视图的方式。...在模板返回视图的方式的确很方便，但是如果涉及到动静分离、ajax请求这类，django就只能返回json格式的数据了。...那么这里就带来了一个问题，如何将django从数据库模型类中查询的数据以json格式放回前端。然后前端如果获取读取返回过来的数据呢？...环境说明前端采用jquery发送ajax请求 python 3.7.2 django 2.1.7 示例说明这次示例首先写一个简单的页面发送ajax请求，然后后端分如何返回多行数据，如果返回查询对象进行示例说明...可以从浏览器的控制台看到后端返回过来的结果数据。但是这样直接返回跟前端没有任务约束是不好的，那么下面来增加一下与前端交互的格式约束。

3K2 0

AJAX使用说明书

5.cache 要求为Boolean类型的参数，默认为true（当dataType为Script时，默认为false），设置false将不会从浏览器缓存中加载请求信息。...可用的类型如下： xml：返回XML文档，可用jQuery处理。　　html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。　　...function(data,textStatus){ 　　　　//data可能是xmlDoc、jsonObj、html、text等　　　　this; //调用本次ajax请求时传递的options...data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataTYpe参数。函数返回的值将由jQuery进一步处理。...表示是否触发全局ajax事件。设置为false将不会触发全局ajax事件，ajaxStart和ajaxStop可用于控制各种ajax事件。

2.7K7 0

AJAX

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。...4.监听服务器发送回的响应 AJAX实现过程 1.一个简单的html页面 <!...前后端都不会有响应。...|json|script，规定了返回数据的类型后，如果服务器发送的不是这种类型，那么不会执行回调函数将上一节中的func函数改为如下 function func() { $.post("/handle_ajax...请求成功后调用，传入返回后的数据，以及包含成功代码的字符串success: function (data，str){} complete 无论请求成功与否，最后都会调用传入 XMLHttpRequest

4.2K2 0

python3 django整理(七) Django 从后台往前台传递数据时有多种方法可以实现。

Django 从后台往前台传递数据时有多种方法可以实现。...') views传递给 HTML 使用数据 views传递给 HTML 使用数据data. views中代码： from django.shortcuts import render def main_page...(request): data = [1,2,3,4] return render(request, 'index.html', {'data': data}) html中的调用 1.html...JavaScript调用参数以一个简单list为例 # -*- coding: utf-8 -*- import json from django.shortcuts import render...动态刷新页面网页前台使用Ajax发送请求，后台处理数据后返回数据给前台，前台不刷新网页动态加载数据 Django 代码： def scene_update_view(request):

1.9K8 0

Python进阶34-Django 中间件

Django会在调用视图函数之前调用process_view方法。它应该返回None或一个HttpResponse对象。...如果它返回一个HttpResponse对象，Django不会调用适当的视图函数。它将执行中间件的process_response方法并将应用到该HttpResponse并返回结果。...如果是HttpResponse对象，Django将调用模板和中间件中的process_response方法，并返回给浏览器，否则将默认处理异常。...使用验证 Referer 值的方法，就是把安全性都依赖于第三方（即浏览器）来保障，从理论上来讲，这样并不安全。...DOCTYPE html> AJAX使用CSRF <script

1.8K2 0

09.Django基础七之Ajax

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。　　　　AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。...html文件名称为ajax_demo1.html，内容如下 <!...如果你的视图渲染的HTML文件中没有包含 {% csrf_token %}，Django可能不会设置CSRFtoken的cookie。　　　　　　...当input标签失去焦点后获取 username表单字段的值，向服务端发送AJAX请求； django的视图函数中处理该请求，获取username值，判断该用户在数据库中是否被注册，如果被注册了就返回“...一般情况下，我们希望这个script标签能够动态的调用，而不是像上面因为固定在html里面所以没等页面显示就执行了，很不灵活。

3.6K2 0

Django MVT之T

取值 2.然后把variable当成一个对象，把data当成属性，进行variable.data取值 3.最后把variable当成一个对象，把data当成方法，进行variable.data()取方法调用的返回值...Django默认开启了csrf中间件来防御csrf攻击，所以当发送post请求时会返回403错误，而开发者访问本站点的网页时同样会返回403错误，所以在Django MVT之V中直接注释掉了csrf防御...(注意：默认情况下，Django已经打开) 但是开启了csrf防御后，请求本站点页面也会返回403错误，解决办法是使用csrf_token标签 <!...当post请求提交到服务器后，会先由csrf中间件进行对比验证，如果验证失败则返回403错误，而不会进行后续的处理。...URL反向解析 Django除了提供了从URL到视图函数的映射，还提供了反向的从映射名到URL的解析功能。使用URL反向解析可以动态生成URL，当URL变化时，不需要手动去更改。

1.2K2 0

翻译 | 如何将 Ajax 与 Django 应用整合在一起?

很显然你不并理解两门技术背后的原理（不要把它作为一种冒犯，但如果你非要这样想，估计你也不会问）....Django 是服务器端。这意味着，比如客户端要跳转到某个链接，那么你在视图中需要有一个函数可以渲染他将看到的内容并在 html 页面中返回一个响应。...因此, 当你对某个 URL 执行 AJAX 调用时, 你会拿到直接跳转到相应网址返回的相同数据....打个比方, 对 127.0.0.1:8000/hello 的 AJAX 调用将返回与直接访问它时获得的相同内容. 但这次，你只有一个 js 函数，你可以随意改造它....就像我提到的，AJAX 调用会获取响应，就像用户自己完成的一样. 假设你不想搞乱所有的 html，只是想发送数据 (也许是一个对象列表).

1.3K3 0

Ajax与jQuery异步加载数据

简介一次性从服务器数据库中读取数据并传送到前端页面上是不现实的，一方面会加重服务器的压力，另一方面客户的带宽资源也会被占用。Ajax刚好可以解决数据异步加载的问题。...，能够更新部分网页的技术。...由于用 jQuery 实现 ajax 比较简单，因此接下来的代码引用jQuery库实现Ajax，另外使用Django作为框架。其中jQuery可以手动下载放到本地文件夹中，也可以引用下面的语句。...的div将展示Ajax数据 (document).ready(function(){})指页面其他元素加载完成后开始加载Ajax数据，此时，浏览器不会有加载条和转圈的情况出现。....getJSON(‘/ajax_server/’,function(ret)指从Django的view.py中的函数ajax_server读取JSON数据，数据通过(‘#demo’).append(ret

10.9K2 0

Django1.7+JQuery+Ajax集成小例子

Ajax的出现让Web展现了更新的活力，基本所有的语言，都动态支持Ajax与起服务端进行通信，并在页面实现无刷新动态交互。 ...下面是散仙使用Django+Jquery+Ajax的方式来模拟实现了一个验证用户注册时，用户名存在不存在的一个小应用。...注意，验证存在不存在使用的是Ajax的方式，不用让用户点击按钮验证是否存在。页面HTML代码如下： Html代码 Ajax验证测试 ...ajax验证没有问题之后，我们就可以在前端进行了，测试效果就是散仙开头所截图，本文的重点在于验证ajax的功能调用，所以并没有直接从数据库里面获取数据进行验证，而是使用了list集合，进行了数据的模拟，

87010 0

ajax 写法_常见词缀汇总

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。...html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。...success:要求为Function类型的参数，请求成功后调用的回调函数，有两个参数。 (1)由服务器返回，并根据dataType参数进行处理后的数据。 (2)描述状态的字符串。...function(data, textStatus){ //data可能是xmlDoc、jsonObj、html、text等等 this; //调用本次ajax请求时传递的options参数 }...this; //调用本次ajax请求时传递的options参数 } header: 在python框架django中前端发起ajax请求如果是post请求需要传csrf参数就是通过header传的

1.1K1 0

Django-choices字段值对应关系（性别）-MTV与MVC科普-Ajax发json格式与文件格式数据-contentType格式-Ajax搭配sweetalert实现删除确认弹窗-自定义分页器

，我们这里为了方便使用，直接上手 jQuery 的 ajax Ajax 最大的优点：在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。...) # 用户访问 http://127.0.0.1:8000/user/index/ 直接给他返回 index.html 这个页面 templates/index.html <!...') # 用户访问 http://127.0.0.1:8000/user/index/ 直接给他返回 index.html 这个页面 from django.http import JsonResponse...发送请求，然后后端计算并返回数值，放在 id 为 res 的 input 里 #} $.ajax({ {# 3.Jquery 的 ajax，需要下面几个参数，记得写上（Ajax 的括号内是一个大括号...提交数据 ajax 默认数据提交方式也是 urlencoded 不符合格式就不要了，前后端编码和数据格式一致就不会出现这个问题 ajax发 json 格式数据 django 后端针对 json

6.1K3 1

Django Ajax 实现历史图形查询

Django 通过Ajax接口实现前后端数据交互功能，通过Ajax实现当用户输入要查询的数据时,发送到后端,后端处理后推送到前端，前端直接绘制图形。...首先实现Ajax前后端简单交互功能，我们直接在templates新增一个index.html并在代码中调用echarts前端绘图库. <!..._ajax) ] 最后转到views.py中实现echart视图与_ajax两个视图函数. from django.shortcuts import render from django.shortcuts...# 调用绘图函数 def echart(request): return render(request,"index.html") # 实现参数传递接口 def _ajax(request...页面时会自动路由到echart()函数上,该函数会去_ajax中请求数据,并返回到前端页面.

9851 0

Hcode网站的搭建日记（四）Ajax实现阅读量统计

什么是Ajax？ ? AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。...这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。...在主页方面由于是静态网页设置了缓存，所以不可能实时更新浏览量数据，所以在网站主页获取各博文的浏览量时得向后端发送Ajax的异步请求，获取此时各博文的浏览量，动态更新到各博文框。 ?...利用Ajax异步请求，将数据传到Django后端。之后获取Django后端查询数据库获取各id对应博文的浏览量。最后分别将浏览量数据写入每篇博文框里面。请求的内容如下： ?...json信息 #查询该id对应的文章，阅读量+1，然后返回更新后的阅读量 article = Article.objects.defer('body').get(id=receive_id

6021 0

Django之Ajax文件上传

/', admin.site.urls), url(r'^upload/', views.upload, name='upload'), ] 基于Ajax的文件上传(js) # ajax_upload.html..., 'ajax_upload.html') else: username = request.POST.get('username') print(username...FileUploadHandler.file_complete(self, file_size) 当文件上传完毕时调用。...上传完毕后，将调用View中的_Upload()方法将临时文件夹中的临时文件分块写到上传文件的存放路径下，每块的大小为64K,写完后临时文件将被删除。...大多数平台，临时文件有一个0600模式，从内存保存的文件将使用系统标准umask。 django上传文件详解

2.2K1 0

网站功能——添加文章编辑页面，支持 markdown 编辑器实时预览编辑

编辑页面的 markdown 可以直接使用我网站的工具里面的 markdonw 编辑器，然后在页面中添加 js 定义按钮点击事情调用文章更新接口即可。...这个逻辑也很简单，就是从请求体里面提取 article_slug 和 article_body 然后判断是作者或者管理员就更新文章，并且返回文章页面的地址。...剩下的就是要实现前端的更新文章的逻辑了。创建 ajax 调用函数我单独定义了一个 js 文章来做文章的更新，就是很简单的 ajax 请求，在我的工具应用里面大量使用过，所以这种函数很普遍。...可以看到这个函数里面当请求成功之后，会拿到返回接口里面的 callback 字段，这个就是返回文章的内容页面，也就是说更新文章成功自动跳回到文章内容页面。...总结本篇文章主要分享了创建一个文章内容编辑页面的过程，主要使用到了 Django 的类视图、权限判断、POST 请求视图、ajax 请求、实例更新等 Django 相关知识点。

3201 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭