首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用AJAX获取Django后端数据

发出请求后,视图返回请求的数据,然后需要将响应转换为JSON,然后才能将其用于其他操作。...第二个.then允许我们访问第一个.then返回的数据,并允许我们使用它,然后可以处理这个数据,比如进行更新页面操作。 在视图中处理GET请求 我们需要一个视图来处理来自fetch调用的AJAX请求。...将根据那些URL参数或查询字符串(如果使用的话)从数据库中检索数据。我们要发送回页面的数据必须在使用JsonResponse。 调用之前,请确保从django.http导入JsonResponse。...该视图将返回JsonResponse,该序列将数据字典序列化并将其发送回我们的页面,在此页面中将通过链接进行处理。现在,我们可以使用JavaScript使用GET请求中的数据来更新页面的一部分。...确保请求是AJAX 在大多数情况下,都会发出AJAX请求,因为我们只希望更新页面的一部分,并且需要获取新数据来进行更新。在页面上下文之外,JsonResponse返回的数据本身很少使用。

7.6K40

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

我的博客在导航栏中有一个在线工具跳转,博客中提供了一些比较实用的在线工具,最近两天又添加了一个在线工具,作用是可以查询 docker 官方镜像仓库中指定镜像的版本信息,虽然之前写在线工具的时候就已经掌握了...首先,在使用 ajax 之前需要说一下这个前端库的定义,以下描述是我觉得比较简单明了的解释(本文提到的 ajax 仅指 jQuery AJAX): AJAX 是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分...思路整理 在 django 中使用 ajax 其实就是在前端代码中(一般是 js 中)使用 ajax 调用 django 的接口,然后去更新指定的页面部分。...请求并且提供了所需的参数 name 的时候,函数返回的是一个 json 格式的结果,并且会返回指定的 status code,这个可以自行查看 JsonResponse() 函数的用法,需要关注是 status...利用缓存 由于我的在线工具大多数都是使用的爬虫技术,而爬虫都是调用的其他网站的接口,特别是刚添加的这个官方镜像仓库的查询接口属于外网,即使使用阿里云的服务器,调用接口的时候也比较慢,而且经常出现连接超时的现象

2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Django之视图层与模板层

    如果你编写自己的 XMLHttpRequest 调用(在浏览器端), 你必须手工设置这个值来让 is_ajax() 可以工作。...如果一个响应需要根据请求是否是通过AJAX 发起的,并且你正在使用某种形式的缓存例如Django 的 cache middleware, 你应该使用 vary_on_headers('HTTP_X_REQUESTED_WITH...://www.cnblogs.com/ghylpb/')#如果重定向为其他网站则直接写其它网站的网址即可 1.3JsonResponse JsonResponse内部使用json模块对传入的数据类型型进行序列化...2.传类名:{{ 类名 }} 给HTML传类名的时候会自动加括号实例化产生对象,在HTML页面可以进行如下对对象的使用。...使用default后指定的默认值,否则,使用变量本身的值,如果 value=’‘则输出“nothing” {{ value|default:"nothing" }} #2、length #作用:返回值的长度

    9.2K10

    09.Django基础七之Ajax

    a.整个过程中页面没有刷新,只是局部刷新了;     b.在请求发出后,浏览器不用等待服务器响应结果就可以进行其他操作; 4.AJAX的优缺点 优点:       1.AJAX使用JavaScript...验证码:用户提交的每一个表单中使用一个随机验证码,让用户在文本框中填写图片上的随机字符串,并且在提交表单后对其进行检测。...4.ajax和服务端的数据交互时的序列化问题   当我们给ajax回复的不是一个字符串,而是其他数据类型的时候,需要我们将数据转换为json字符串进行发送,这样好配合js进行json字符串的处理,不然发送或者接受的是普通字符串的话...这就用到了我们前面的视图函数中那个JsonResponse了,看博客,里面response的部分   还要注意ajax中的data参数:     data参数中的键值对,如果值值不为字符串,需要将其转换成字符串类型...,然后在远程服务上调用这个函数并且将JSON 数据形式作为参数传递,完成回调。

    3.6K20

    Django 视图层

    4.勾选该选项则可将虚拟环境提供给其他项目使用 二.视图函数 视图函数,简称视图,是一个简单的python函数,它接收Web请求并返回Web响应。...如果你编写自己的 XMLHttpRequest 调用(在浏览器端),你必须手工设置这个值来让 is_ajax() 可以工作。   ...如果一个响应需要根据请求是否是通过AJAX 发起的,并且你正在使用某种形式的缓存例如Django 的 cache middleware, 你应该使用 vary_on_headers('HTTP_X_REQUESTED_WITH...,默认是一个空字典,如果字典中的某个值是可调用的,视图将在渲染模板之前调用它....五.JsonResponse 向前端返回一个json格式字符串的两种方式 #第一种方式 import json data1 = {"name":"Yven","age":18} data2 = ["Yven

    1.7K20

    【全栈开发】---- 一文掌握Django的轮询、长轮询

    具体来说,在一个直播间中,当一位用户发送消息后,其他观众需要即时看到这条信息,这就要求服务器能够主动向客户端推送更新,而不是被动地等待客户端发起请求。...console.log("请求发送成功",res) } }) } views.py: 创建路由后...轮询的实现使用的 Ajax + setInterval 对于输入框的数据,使用 Ajax 在页面不刷新的情况下,将数据发给后台: function sendMessage(){ var text...(context) #返回Json格式数据,序列化 视图函数将 data 和 index 以字典形式(index 为DB的长度,用于不重复索引),用JsonResponse 返回给前端...这时就可以使用长轮询,相较于轮询,长轮询的区别是前端发送的请求到后端,如果没有得到响应,不会立刻消失,而会等待几十秒,若在这几十秒内获取到了数据,则返回给前端,前端继续发请求;若没获取到数据,且等待响应超时

    9410

    03.Django基础三之视图函数

    , #类里面必须有name属性,并且会被传进来的这个属性值给覆盖掉 ] 三 使用Mixin(了解)   我觉得要理解django的class-based-view(以下简称cbv),首先要明白django...如果你编写自己的 XMLHttpRequest 调用(在浏览器端),你必须手工设置这个值来让 is_ajax() 可以工作。   ...如果一个响应需要根据请求是否是通过AJAX 发起的,并且你正在使用某种形式的缓存例如Django 的 cache middleware, 你应该使用 vary_on_headers('HTTP_X_REQUESTED_WITH...#如果这样返回,ajax还需要进行json解析 #views.py return HttpResponse(json.dumps({"msg":"ok!"}))...#如果这样返回,两边都不需要进行json的序列化与反序列化,ajax接受的直接是一个对象 #views.py from django.http import JsonResponse return JsonResponse

    5K30

    Python自动化开发学习-RESTfu

    之前当我们需要给前端返回序列化后的字符串时,往往都是先调用json.dumps()这个方法,然后再用HttpResponse()把字符串返回给前端。...既然每次都要这么搞,于是django给我么封装了一个新方法,直接完成序列化和返回字符串。 JsonResponse这个类是HttpRespon的子类,通过它直接就可以把字典进行序列化并返回给前端。...但是其他字段里可以通过@取到这个字段的值了。 有的显示的字段,我也没设置text,那么等下前端处理的时候,还是按照之前的方法来进行展示 最后的操作字段,现在可以加上任意内容了。...现在这个方法保留,在没有text属性的时候继续按这个来显示。否则,显示content的内容并且根据kwargs的内容进行格式化。...createTbody(arg.data.table_config, arg.data.data_list) 调用的方法,就是把这个数据暂存到一个在插件内部是全局有效的变量GLOBAL_DICT里,这样做应该是方便在插件内部的其他方法里调用

    2.9K10

    Django实践-08中间件的应用

    django支持程序员自定义中间件并且暴露给程序员五个可以自定义的方法。...;在应用下创建的,注册路径时有提示,项目下创建的则没有提示 1.在polls/mymiddlewear目录下创建mymiddle.py 在polls目录下创建mymiddlewear 在mymiddlewear...: # Ajax请求返回JSON数据提示用户登录 return JsonResponse({'code': 10003,...使用中间件的步骤如下: 1.在项目名或者应用名下创建一个任意名称的文件夹,如:mymiddlewear, 2.在该文件夹内创建一个任意名称的py文件,如:mymiddle 3.在该py文件内需要书写类...(这个类必须继承MiddlewareMixin),在这个类里面就可以自定义五个方法了,这五个方法并不是全部都需要书写,用几个写几个 4.需要将类的路径以字符串的形式注册到配置文件中才能生效;在应用下创建的

    17120

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

    什么是Ajax? ? AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。...这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。...有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。...(results) 在博文页面 每次进入该页面都要执行一次对该博文的阅读量+1,道理跟首页的一样,只不过只请求一个id数据,后端的数据查询数据库后需要更新数据(阅读量+1) Ajax的POST请求的内容如下...json信息 #查询该id对应的文章,阅读量+1,然后返回更新后的阅读量 article = Article.objects.defer('body').get(id=receive_id

    63810

    python 终极篇 --- django

    POST 请求可以带有空的 POST 字典 —— 如果通过 HTTP POST 方法发送一个表单,但是表单中没有任何的数据,QueryDict 对象依然会被创建。...5.HttpRequest.is_ajax()   如果请求是通过XMLHttpRequest 发起的,则返回True,方法是检查 HTTP_X_REQUESTED_WITH 相应的首部是否是字符串'...如果你编写自己的 XMLHttpRequest 调用(在浏览器端),你必须手工设置这个值来让 is_ajax() 可以工作。   ...如果一个响应需要根据请求是否是通过AJAX 发起的,并且你正在使用某种形式的缓存例如Django 的 cache middleware, 你应该使用 vary_on_headers('HTTP_X_REQUESTED_WITH...template_name:要使用的模板的完整名称,可选的参数 context:添加到模板上下文的一个字典。默认是一个空字典。如果字典中的某个值是可调用的,视图将在渲染模板之前调用它。

    1.6K10

    Django之views系统

    POST 请求可以带有空的 POST 字典 —— 如果通过 HTTP POST 方法发送一个表单,但是表单中没有任何的数据,QueryDict 对象依然会被创建。...5.HttpRequest.is_ajax()   如果请求是通过XMLHttpRequest 发起的,则返回True,方法是检查 HTTP_X_REQUESTED_WITH 相应的首部是否是字符串'...如果你编写自己的 XMLHttpRequest 调用(在浏览器端),你必须手工设置这个值来让 is_ajax() 可以工作。   ...如果一个响应需要根据请求是否是通过AJAX 发起的,并且你正在使用某种形式的缓存例如Django 的 cache middleware, 你应该使用 vary_on_headers('HTTP_X_REQUESTED_WITH...template_name:要使用的模板的完整名称, 可选的参数 context:添加到模板上下文的一个字典。默认是一个空字典。如果字典中的某个值是可调用的,视图将在渲染模板之前调用它。

    2.2K70

    wwwxml400com请拨18608765024bee-box之XSS攻击

    再就是上次刷题的我居然没有总结,那可是我第一篇博客啊!!!现在把它补回来!!!...其实,可以这么理解:JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。.../JSON) copy了度娘的: Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术...通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。...其中呢,Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。XMLHttpRequest 用于在后台与服务器交换数据。

    67200

    Ajax 实战

    即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据) 同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求...Ajax,form表单提交完数据会自己刷新,所有在使用button元素提交的时候会刷两次,可以讲form元素去掉; 如果使用Ajax,form元素也可以不去掉,那么就不能使用button元素,可以使用...input元素,type=‘button’ 在Ajax中,如果使用json模块序列化数据,前端返回的是字符串不是对象,响应头中是text/html格式,需要自己在html页面通过JSON.parse...(data)反序列化,ajax接收到数据后需要自己转成对象 在Ajax中,如果使用JsonResponse模块序列化数据,返回的就是一个对象,响应头中是application/json格式,不需要自己手动反序列化...text/plain:窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符。

    1.4K10
    领券