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

使用AJAX获取Django后端数据

让我们看一下如何通过获取发出GET和POST请求,以在视图和模板之间传递JSON数据。 GET请求 通过获取发出GET请求 通过向其提供视图的URL和适当的headers参数来进行获取GET请求。...假设我们要发送JSON数据,我们添加主体:JSON.stringify(data)其中data是我们要发送的数据的JavaScript对象。...我们从POST请求中获得的响应将像GET请求一样使用链式承诺进行处理。 在视图中处理POST请求 接受POST请求的视图将从请求中获取数据,对其执行一些操作,然后返回响应。...这可以是新的或更新的模型对象,也可以是成功消息。 确保请求是AJAX 在大多数情况下,都会发出AJAX请求,因为我们只希望更新页面的一部分,并且需要获取新数据来进行更新。...Django 3.1及更高版本 在即将发布的Django3.1版本(2020年8月)中,request.is_ajax()将被弃用。 这意味着如果我们要检查AJAX请求,则必须自己重新创建功能。

7.6K40

09.Django基础七之Ajax

='application/json',那么前端ajax拿到数据之后,也是不需要反序列化的,ajax的回调函数就收到的就是一个反序列化之后的一个对象,因为ajax接受到数据后,通过这个data_type...这意味着只要从内存读取数据并保存到硬盘上,所以很快。然而,如果一个上传的文件太大,Django将将上传的文件写到一个临时的文件中,这个文件在你的临时文件路径中。...改变上传处理行为 三个设置改变Django的上传处理行为: FILE_UPLOAD_MAX_MEMORY_SIZE:以bytes为单位的到内存中的最大大小,。比这个值大的文件将被先存到磁盘上。...三个设置改变Django的上传处理行为: FILE_UPLOAD_MAX_MEMORY_SIZE:以bytes为单位的到内存中的最大大小,。比这个值大的文件将被先存到磁盘上。...当input标签失去焦点后获取 username表单字段的值,向服务端发送AJAX请求; django的视图函数中处理该请求,获取username值,判断该用户在数据库中是否被注册,如果被注册了就返回“

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

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

    有大佬可以快速解释一下代码库是如何随着它们两者的整合而改变的吗? 打个比方,我是否可直接使用带有 Ajax 的 HttpResponse,还是说我的请求响应必须因为 Ajax 的使用做出改变?...Django 是服务器端。 这意味着,比如客户端要跳转到某个链接,那么你在视图中需要有一个函数可以渲染他将看到的内容并在 html 页面中返回一个响应。...没错, 你会收到一个 “hello world” 的弹出提示. 如果你用 Ajax 调用 home 请求呢?...这里有你应该注意的一些指导性意见: 学习 jQuery. 这点我必须着重强调. 你必须要了解它才能知道如何处理你收到的数据....那么 JSON 对此这个需求就很有用处, 因为它将数据作为一个对象发送 (JSON数据看起来像一个 Python 字典), 然后你可以迭代它或做一些其他的东西, 无需筛选无用的 html.

    1.3K30

    Django之Ajax文件上传

    这意味着只要从内存读取数据并保存到硬盘上,所以很快。然而,如果一个上传的文件太大,Django将将上传的文件写到一个临时的文件中,这个文件在你的临时文件路径中。...改变上传处理行为 三个设置改变Django的上传处理行为: FILE_UPLOAD_MAX_MEMORY_SIZE:以bytes为单位的到内存中的最大大小,。比这个值大的文件将被先存到磁盘上。...处理句柄应该返回一个UploadFile对象,可以存储在request.FILES中。处理句柄也可以返回None来使得UploadFile对象应该来自后来的上传处理句柄。...默认呢的,如果一个上传的文件小于2.5兆,Django会将上传的东西放在内存里。这意味着只要从内存读取数据并保存到硬盘上,所以很快。...三个设置改变Django的上传处理行为: FILE_UPLOAD_MAX_MEMORY_SIZE:以bytes为单位的到内存中的最大大小,。比这个值大的文件将被先存到磁盘上。

    2.2K10

    Django 2.1.7 查询数据返回json格式

    需求问题 在日常工作中,对于前端发送过来的请求,后端django大部分都是采用json格式返回,也有采用模板返回视图的方式。...在模板返回视图的方式的确很方便,但是如果涉及到动静分离、ajax请求这类,django就只能返回json格式的数据了。...那么这里就带来了一个问题,如何将django从数据库模型类中查询的数据以json格式放回前端。 然后前端如果获取读取返回过来的数据呢?...环境说明 前端采用jquery发送ajax请求 python 3.7.2 django 2.1.7 示例说明 这次示例首先写一个简单的页面发送ajax请求,然后后端分如何返回多行数据,如果返回查询对象进行示例说明...(json_data, content_type="application/json") # 返回json数据 在后台代码我没有做获取post请求的参数,再进行的参数查询的操作,这样只演示如何返回json

    2.5K10

    Ajax 实战

    即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据) 同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求...的时候,在视图函数中使用request对象方法判断什么类型的请求,如果是Ajax,不管本质是post还是get等,写request.is_ajax()即可 基于Ajax进行登录验证 需求: 1.前端登录页面...,如果使用json模块序列化数据,前端返回的是字符串不是对象,响应头中是text/html格式,需要自己在html页面通过JSON.parse(data)反序列化,ajax接收到数据后需要自己转成对象...在Ajax中,如果使用JsonResponse模块序列化数据,返回的就是一个对象,响应头中是application/json格式,不需要自己手动反序列化,ajax接收到数据后会自动转成对象...模块不需要加safe参数 ps:可以通过json.cn将序列化的数据转成对象

    1.4K10

    Django 2.1.7 查询数据返回json格式

    需求问题 在日常工作中,对于前端发送过来的请求,后端django大部分都是采用json格式返回,也有采用模板返回视图的方式。...在模板返回视图的方式的确很方便,但是如果涉及到动静分离、ajax请求这类,django就只能返回json格式的数据了。...那么这里就带来了一个问题,如何将django从数据库模型类中查询的数据以json格式放回前端。 然后前端如果获取读取返回过来的数据呢?...环境说明 前端采用jquery发送ajax请求 python 3.7.2 django 2.1.7 示例说明 这次示例首先写一个简单的页面发送ajax请求,然后后端分如何返回多行数据,如果返回查询对象进行示例说明...(json_data, content_type="application/json") # 返回json数据 在后台代码我没有做获取post请求的参数,再进行的参数查询的操作,这样只演示如何返回json

    3K20

    AJAX

    (); xmlHttp.open("POST", "/ajax_test/", true); 3.向服务端发送请求 post请求,发送的是个字符串,相当于post请求中的键值 xmlHttp.send(...,type表示要从服务器端收到的数据类型,有text|html|json|script,规定了返回数据的类型后,如果服务器发送的不是这种类型,那么不会执行回调函数 将上一节中的func函数改为如下 function...:Function 表示对ajax返回的数据进行预处理,有data和type两个参数,data为返回的原始数据,type为datatype参数,比如收到的是json类型,那么在预处理中tmp = JSON.parse...字符串的的格式 数字 (整数或浮点数) 字符串 (在双引号中) 逻辑值 (true 或 false) 数组 (在方括号中) 对象 (在花括号中,引号用双引) null json字符串中的引号都为双引号...js中的JSON.parse()与JSON.stringify() JSON.parse()将json字符串转换为json对象,JSON.stringify()将json对象转换为json字符串 ajax

    4.3K20

    【Python全栈100天学习笔记】Day47 Django中间件使用

    Django中间件概述 中间件是安插在Web应用请求和响应过程之间的组件,它在整个Web应用中扮演了拦截过滤器的角色,通过中间件可以拦截请求和响应,并对请求和响应进行过滤(简单的说就是执行额外的处理)。...在请求的过程中,上面的中间件会按照书写的顺序从上到下执行,然后是URL解析,最后请求才会来到视图函数;在响应的过程中,上面的中间件会按照书写的顺序从下到上执行,与请求时中间件执行的顺序正好相反。...装饰器实际上是代理模式的应用,将横切关注功能(与正常业务逻辑没有必然联系的功能,例如:身份认证、日志记录、编码转换之类的功能)置于代理中,由代理对象来完成被代理对象的行为并添加额外的功能。...# Ajax请求返回JSON数据提示用户登录 return JsonResponse({'code': 10003, 'hint': '请先登录'})...', 'vote.middlewares.check_login_middleware', ] 注意上面这个中间件列表中元素的顺序,当收到来自用户的请求时,中间件按照从上到下的顺序依次执行,这行完这些中间件以后

    73620

    Django 2.1.7 视图 - HttpResponse对象、子类JsonResponse、子类HttpResponseRedirect

    HttpResponse对象 视图在接收请求并处理后,必须返回HttpResponse对象或子对象。在django.http模块中定义了HttpResponse对象的API。...请求时,返回json格式的数据,此处以jquery的get()方法为例。...好了,到这里就可以点击json1页面中的按钮,通过ajax获取json2的json返回数据了。 如下: ? ajax代码执行过程如下: 1.发起请求。 2.服务器端视图函数执行。...Django中提供了HttpResponseRedirect对象实现重定向功能,这个类继承自HttpResponse,被定义在django.http模块中,返回的状态码为302。.../assetinfo/json1 HTTP/1.1" 200 629 可以收到/assetinfo/red1的路径请求,然后302转发到另一个路径去。

    1.3K20

    ASP.NET (Core)WebApi参数传递实操演练

    $.ajax contentType 和 dataType , contentType 主要设置你发送给服务器的格式,dataType设置你收到服务器数据的格式。...例如在 ajax 中你要传一个复杂的 json 对像,也就说是对象嵌数组,数组中包括对象,如果你这样传: {data: {a: [{x:2}] }} 这个复杂对象, application/x-www-form-urlencoded...这种形式是没有办法将复杂的 JSON 组织成键值对形式(当然也有方案这点可以参考) ,你传进去可以发送请求,但是服务端收到数据为空, 因为 ajax 没有办法知道怎样处理这个数据。...这种类型是 text , 我们 ajax 的复杂JSON数据,用 JSON.stringify序列化后,然后发送,在服务器端接到然后用 JSON.parse 进行还原就行了,这样就能处理复杂的对象了。...请求Body(Body):通过在POST请求中将数据传入到Body中此时将绑定如上述Person对象中。 请求Header(Header):绑定数据到Http中的请求头中,这种相对来说比较少见。

    3.8K20

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

    GET/POST ajax 提交 GET/POST 下面主要通过 ajax 来发送请求 ajax 这门技术是 Javascript 中的,但是原生的...(这一特点给用户的感觉是在不知不觉中完成请求和相应过程) 用 Ajax 做一个小案例 页面上有三个 input 框,在前两个 input 框中输入数字,点击按钮发送 ajax 请求,在不刷新页面的情况下...动手用 Ajax 实现效果 思路分析 我们是输入信息,然后点击 计算按钮,由 ajax 向后端发起请求,后端拿到请求然后返回数据给前端,前端把数据填到结果框中 可以看出,我们的突破口是 计算按钮...render(request, 'index.html') ajax 传文件 如何获取文件标签所存储的文件对象?...', user_list) # 指定序列化格式为 json return render(request, 'index.html', locals()) 前段收到的 json 格式数据 [{

    6.3K31

    Django之视图层与模板层

    ,django会将接收到的请求 体数据存放于HttpRequest.body属性中,因为该属性的值为Bytes类型,所以通常情况下直接处理Bytes、并从中提 取有用数据的操作是复杂而繁琐的,好在django...2:如果表单属性method='POST',那么在提交表单时,表单内的所有数据都会存放于请求体中,在发送给django 后会封装到request.body里,此时django为了方便我们提取数据,会...1,如果无需上传文件,还是推荐使用更为精简的编码格式1 我们除了可以采用form表单向django提交数据外,还可以采用ajax技术,ajax可以提交的数据格式有:1、编码 格式1 2、编码格式2...3、json,当ajax采用POST方法提交前两种格式的数据时,django的处理方案同上,但是当 ajax采用POST方法提交json格式的数据时,django会将接收到的数据存放于HttpRequest.body...如果一个响应需要根据请求是否是通过AJAX 发起的,并且你正在使用某种形式的缓存例如Django 的 cache middleware, 你应该使用 vary_on_headers('HTTP_X_REQUESTED_WITH

    9.2K10

    Django数据库查询优化与AJAX

    (这一特点给用户的感受是在不知不觉中完成请求和响应过程) AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。...stringfy和parse方法 JavaScript中关于JSON对象和字符串转换的两个方法: JSON.parse(): 用于将一个 JSON 字符串转换为 JavaScript 对象(json只认双引的字符串格式...但是问题来了前端如何向后端发生json格式的数据呢?...这个时候只能借助于AJAX才能完成json格式数据的发送,AJAX可以发送上述的三种编码格式的数据 AJAX如何传输json数据 前端代码: $('#d1').click(function () {...2.对JSON数据进行序列化。 3.Django后端针对json格式的数据不会做任何的处理,只是将数据原封不动的放在了request.body中,我们需要手动对其进行反序列化处理。

    2.4K20

    Django 视图层

    响应可以是一张网页的HTML内容,一个重定向,404错误等如何东西,但是,无论视图本身是个什么处理逻辑,最好都返回某种响应。...这个视图会返回一个HttpResponse对象,其中包含生成的响应,每个视图函数都负责返回一个HttpResponse对象 三.HttpRequest对象 request属性 django将请求报文中的请求行...1.HttpRequest.GET 一个类似于字典的对象,包含HTTP GET的所有参数,详情参考QueryDict对象 2.HttpRequest.POST 一个类似于字典的对象,如果请求中包含表单数据...,则将这些数据封装成QueryDict对象 POST请求可以带有空的POST字典,如果通过HTTP POST方法发送一个表单,但是表单中没有任何的数据,QueryDict对象依然会被创建,因此,...如果一个响应需要根据请求是否是通过AJAX 发起的,并且你正在使用某种形式的缓存例如Django 的 cache middleware, 你应该使用 vary_on_headers('HTTP_X_REQUESTED_WITH

    1.7K20

    Django学习-第十一讲(下):视图高级(一)网页请求限制、HttpRequest、HttpResponse、JsonResponse对象

    HttpRequest 对象 4.1 WSGIRequest对象 Django在接收到http请求之后,会根据http请求携带的参数以及报文信息创建一个WSGIRequest对象,并且作为视图函数第一个参数传给视图函数...POST:也是一个django.http.request.QueryDict对象。这个属性中包含了所有以POST方式上传上来的参数。...FILES:也是一个django.http.request.QueryDict对象。这个属性中包含了所有上传的文件。...4.3 WSGIRequest对象常用方法 is_secure():是否是采用https协议。 is_ajax():是否采用ajax发送的请求。...5.HttpResponse对象 Django服务器接收到客户端发送过来的请求后,会将提交上来的这些数据封装成一个HttpRequest对象传给视图函数。

    1.2K20

    【云+社区年度正文】Django从入门到精通No.3---与数据库交互

    二、与数据库建立连接 前面我们讲过django的模型和关联关系后,我们来试着操纵下数据库,首先我们需要在django中配置数据库,进入settings.py文件中,如下: 1.jpg 这里我们可以设置四种数据库类型...,如下: 'django.db.backends.postgresql' 'django.db.backends.mysql' 'django.db.backends.sqlite3' 'django.db.backends.oracle...文件中添加如下代码即可: import pymysql pymysql.install_as_MySQLdb() 下面分别是postgresql和oracle的配置方法,如下: 'db2':{...四、迁移信息同步到数据库 由于我们没指定,因此会保存到默认的sqlite3数据库中,如果想把它保存到MySQL数据库中,很简单,如下: python manage.py migrate --database...接下来我们将这些信息保存到数据库中,如图: 3.jpg 这样就把我们刚刚配置好的关联表的信息输入到了sqlite3数据库中去了,这个时候我们可以对模型中的类进行操作了。

    99730

    Django—视图

    上去 三、HttpReqeust对象 服务器接收到http协议的请求后,会根据报文创建HttpRequest对象,这个对象不需要我们创建,直接使用服务器构造好的对象就可以。...在Django中可以使用HttpRequest对象的GET属性获得get方方式请求的参数。 GET属性是一个QueryDict类型的对象,键和值都是字符串类型。...上去 四、HttpResponse对象 视图在接收请求并处理后,必须返回HttpResponse对象或子对象。在django.http模块中定义了HttpResponse对象的API。...上去 4.1 子类JsonResponse 在浏览器中使用javascript发起ajax请求时,返回json格式的数据,此处以jquery的get()方法为例。...依赖于Cookie 所有请求者的Session都会存储在服务器中,服务器如何区分请求者和Session数据的对应关系呢?

    4.5K20
    领券