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

如何使用ajax从外部html向django视图发出经过身份验证的请求?

使用Ajax从外部HTML向Django视图发出经过身份验证的请求,可以按照以下步骤进行操作:

  1. 首先,在前端HTML页面中引入jQuery库,确保可以使用Ajax功能。可以通过以下方式引入:
  2. 首先,在前端HTML页面中引入jQuery库,确保可以使用Ajax功能。可以通过以下方式引入:
  3. 在前端HTML页面中,编写一个触发Ajax请求的事件,例如点击按钮:
  4. 在前端HTML页面中,编写一个触发Ajax请求的事件,例如点击按钮:
  5. 使用JavaScript代码,监听按钮点击事件,并在事件处理程序中发送Ajax请求:
  6. 使用JavaScript代码,监听按钮点击事件,并在事件处理程序中发送Ajax请求:
  7. 在Django的视图函数中,接收并处理Ajax请求:
  8. 在Django的视图函数中,接收并处理Ajax请求:

以上代码中,需要根据实际情况修改'/your-django-view-url/'为你的Django视图的URL,'your_token'为你的身份验证令牌。

这样,当点击按钮时,前端页面会发送经过身份验证的Ajax请求到Django视图,Django视图会进行身份验证并返回相应的结果。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用AJAX获取Django后端数据

使用Django服务网页时,只要用户执行导致页面更改操作,即使该更改仅影响页面的一小部分,它都会将完整HTML模板传递给浏览器。...让我们看一下如何通过获取发出GET和POST请求,以在视图和模板之间传递JSON数据。 GET请求 通过获取发出GET请求 通过其提供视图URL和适当headers参数来进行获取GET请求。...根据Django项目的URLconf和视图配置方式,URL可能包含关键字参数或查询字符串,我们希望在视图使用该参数来选择请求数据。 Headers 设置AJAX请求头参数。...Django发出POST请求时,我们需要包含csrf令牌以防止跨站点请求伪造攻击。Django文档提供了我们需要添加的确切JavaScript代码,以csrftoken cookie中获取令牌。...我们POST请求中获得响应将像GET请求一样使用链式承诺进行处理。 在视图中处理POST请求 接受POST请求视图将从请求中获取数据,对其执行一些操作,然后返回响应。

7.5K40

Django REST Framework-基于Oauth2身份验证(二)

要获取授权码,您需要重定向用户到授权服务器授权端点。在Django REST Framework中,您可以使用AuthorizationView视图来处理授权端点。...第二步:获取访问令牌在OAuth2身份验证流程第二步中,我们需要使用授权码获取访问令牌。访问令牌用于验证API请求。...要获取访问令牌,请使用OAuth2客户端凭据和授权码授权服务器令牌端点发出POST请求。在Django REST Framework中,您可以使用TokenView视图来处理令牌端点。...第三步:使用访问令牌进行身份验证在OAuth2身份验证流程最后一步中,我们可以使用访问令牌进行身份验证。要使用访问令牌进行身份验证,我们需要将其包含在API请求请求头中。...我们还将IsAuthenticated权限类添加到permission_classes列表中,以确保只有经过身份验证用户才能访问此视图

1.9K20

Django用户身份验证完成示例代码

Django身份验证系统同时处理身份验证和授权。 简要地说,身份验证将验证用户是他们声称身份,而授权则确定允许经过身份验证用户执行操作。 基本上,我们将创建登录,注销,忘记密码和重置密码功能。...以及MIDDLEWARE设置中这些项目: 1、SessionMiddleware管理跨请求会话。 2、AuthenticationMiddleware使用会话将用户与请求相关联。...有了这些设置后,运行命令manage.py migrate将为auth相关模型创建必要数据库表,并为已安装应用程序中定义任何模型创建权限。 Django提供以下基于类视图来处理身份验证。...这是Django身份验证视图期望身份验证模板所处默认路径。 django.contrib.admin模块包含一些用于管理站点身份验证模板。...我们已将帐户应用程序放置在INSTALLED_APPS设置顶部,以便Django默认使用我们模板,而不使用其他应用程序中定义任何身份验证模板。

2.6K20

09.Django基础七之Ajax

当文件框发生了输入变化时,使用AJAX技术服务器发送一个请求,然后服务器会把查询到结果响应给浏览器,最后再把后端返回结果展示出来。       ...当输入用户名后,把光标移动到其他表单项上时,浏览器会使用AJAX技术服务器发出请求,服务器会查询名为lemontree7777777用户是否存在,最终服务器返回true表示名为lemontree7777777...a.整个过程中页面没有刷新,只是局部刷新了;     b.在请求发出后,浏览器不用等待服务器响应结果就可以进行其他操作; 4.AJAX优缺点 优点:       1.AJAX使用JavaScript...如果你视图渲染HTML文件中没有包含 {% csrf_token %},Django可能不会设置CSRFtokencookie。       ...当input标签失去焦点后获取 username表单字段值,服务端发送AJAX请求django视图函数中处理该请求,获取username值,判断该用户在数据库中是否被注册,如果被注册了就返回“

3.6K20

Django解决跨域问题

前言 在业务开发过程中,一般存在旧项目是使用Django模板开发,这种并未前后端分离,这时候新来了一些需求,需要后面的app模块 具备 前后端分离 跨域API请求。...针对旧项目Django模块开发,解决部分API请求跨域问题 解决思路 对于这种情况,较好方式就是自己手写一个视图类,用来忽略csrf token认证。...首先演示一下存在跨域问题 1.准备好一个视图函数处理post请求 # ex: /assetinfo/test_ajax class TestAjax(View): def post(self...设置视图返回reponse信息允许跨域 其实允许跨域跨域只需要设置一下响应信息即可,如下: 1.设置视图响应reponse允许跨域 # ex: /assetinfo/test_ajax class...示例使用如下: image-20200319141943411 使用 django-cors-headers 处理所有API请求跨域问题 django-cors-headers Github https

1.7K00

Django 分页和使用Ajax5.3

异常 异常exception InvalidPage:当page()传入一个无效页码时抛出 PageNotAnInteger:当page()传入一个不是整数值时抛出 EmptyPage:当page...():返回上一页页码,如果上一页不存在,抛出InvalidPage异常 len():返回当前页面对象个数 迭代页面对象:访问当前页面中每个对象 示例 创建视图pagTest from django.core.paginator...> 使用Ajax 使用视图通过上下文模板中传递数据,需要先加载完成模板静态页面,再执行模型代码,生成最张html,返回给浏览器,这个过程将页面与数据集成到了一起,扩展性差 改进方案:通过ajax方式获取数据...,通过dom操作将数据呈现到界面上 推荐使用框架ajax相关方法,不要使用XMLHttpRequest对象,因为操作麻烦且不容易查错 jquery框架中提供了.ajax、.get、 由于csrf约束... 编写js代码 绑定change事件 发出异步请求

3K20

Django学习笔记之Ajax入门

当文件框发生了输入变化时,使用AJAX技术服务器发送一个请求,然后服务器会把查询到结果响应给浏览器,最后再把后端返回结果展示出来。 整个过程中页面没有刷新,只是刷新页面中局部位置而已!...当输入用户名后,把光标移动到其他表单项上时,浏览器会使用AJAX技术服务器发出请求,服务器会查询名为lemontree7777777用户是否存在,最终服务器返回true表示名为lemontree7777777...整个过程中页面没有刷新,只是局部刷新了; 在请求发出后,浏览器不用等待服务器响应结果就可以进行其他操作; AJAX优缺点 优点: AJAX使用JavaScript技术服务器发送异步请求AJAX...请求如何设置csrf_token 方式1 通过获取隐藏input标签中csrfmiddlewaretoken值,放置在data中发送。...当input标签失去焦点后获取 username表单字段值,服务端发送AJAX请求django视图函数中处理该请求,获取username值,判断该用户在数据库中是否被注册,如果被注册了就返回“

1.3K50

Django请求生命周期

wsgi,再经过Django中间件,最后url到过路由映射表,在路由中一条一条进行匹配, 一旦其中一条匹配成功就执行对应视图函数,后面的路由就不再继续匹配了. 3....视图函数根据客户端请求查询相应数据.返回给Django,然后Django把客户端想要数据做为一个字符串返回给客户端. 4. 客户端浏览器接收到返回数据,经过渲染后显示给用户....POST请求可能会导致新资源建立和/或已有资源修改。 4 PUT 客户端服务器传送数据取代指定文档内容。 5 DELETE 请求服务器删除指定页面。...对于from表单来说,提交数据只有get和post两种方法 另外方法可以通过Ajax方法来提交 服务端根据个人请求信息不同来操作数据库,可以使用原生SQL语句,也可以使用DjangoORM语句....Django中返回响应内容包含响应头和响应体 在Django中,有的时候一个视图函数,执行完成后会使用HttpResponse来返回一个字符串给客户端.

2.7K100

Django请求生命周期

wsgi,再经过Django中间件,最后url到过路由映射表,在路由中一条一条进行匹配, 一旦其中一条匹配成功就执行对应视图函数,后面的路由就不再继续匹配了. 3....视图函数根据客户端请求查询相应数据.返回给Django,然后Django把客户端想要数据做为一个字符串返回给客户端. 4. 客户端浏览器接收到返回数据,经过渲染后显示给用户....当客户端以post方式服务端请求数据时候,请求数据包含在请求体里,这时服务端就使用request.POST方式取得客户端想要取得数据 需要注意是,request.POST是把请求数据转换一个字典...对于from表单来说,提交数据只有get和post两种方法 另外方法可以通过Ajax方法来提交 服务端根据个人请求信息不同来操作数据库,可以使用原生SQL语句,也可以使用DjangoORM语句....Django中返回响应内容包含响应头和响应体 在Django中,有的时候一个视图函数,执行完成后会使用HttpResponse来返回一个字符串给客户端.

52620

四、其它(一)ModelAdmin对象InlineModelAdmin对象重写admin模板Paginator对象Page对象示例

"my_app/myexample.jpg" %}" alt="My image"/> 二、中间件 是一个轻量级、底层插件系统,可以介入Django请求和响应处理过程,修改Django输入或输出...项,加载模板时会在DIRS列表指定目录中搜索 'DIRS': [os.path.join(BASE_DIR, 'templates')], Django安装目录下(django/contrib/admin...> 六、使用Ajax 使用视图通过上下文模板中传递数据,需要先加载完成模板静态页面,再执行模型代码,生成最张html,返回给浏览器,这个过程将页面与数据集成到了一起,扩展性差 改进方案:通过ajax...方式获取数据,通过dom操作将数据呈现到界面上 推荐使用框架ajax相关方法,不要使用XMLHttpRequest对象,因为操作麻烦且不容易查错 jquery框架中提供了$.ajax、$.get、$... 编写js代码 绑定change事件 发出异步请求

4.4K20

Django ajax 简单介绍

AJAX Asynchronous Javascript And XML是 "异步Javascript和XML"。即使用 Javascript 语言与服务器进行异步交互,传输数据为XML。...同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求; 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。...优点: AJAX使用Javascript技术服务器发送异步请求AJAX无须刷新整个页面; 因为服务器响应内容不再是整个页面,而是页面中局部,所以AJAX性能高; 缺点: AJAX并不适合所有场景...,很多时候还是要使用同步交互; AJAX虽然提高了用户体验,但无形中服务器发送请求次数增多了,导致服务器压力增大; 因为AJAX是在浏览器中使用Javascript技术完成,所以还需要处理浏览器兼容性问题...---- ajax 发送POST请求 修改 index.html 文件 <!

51610

【愚公系列】2022年04月 Python教学课程 73-DRF框架之限流

文章目录 一、限流 1.全局设置 2.视图设置 3.装饰器设置 4.装饰器创建路由设置限制类 二、命名限流 三、限流缓存 一、限流 限流类似于权限,因为它确定是否应对请求进行授权。...限制指示临时状态,用于控制客户端可以 API 发出请求速率。 与权限一样,可以使用多个限制。您 API 可能对未经身份验证请求设置了限制性限制,对经过身份验证请求限制性限制较少。...仅当正在访问视图包含属性时,才会应用此限制。然后,通过将请求“作用域”与唯一用户 ID 或 IP 地址连接起来,形成唯一限制键。 允许请求速率由使用请求“作用域”中设置确定。...三、限流缓存 REST框架提供限制类使用Django缓存后端。...您应确保已设置适当缓存设置。后端默认值应该适用于简单设置。请参阅 Django 缓存文档以获取更多详细信息。

68720

Django视图views

路由有点像饭店服务员,引导顾客到指定饭桌,然后根据顾客需求厨房下单,厨师经过一番处理后,把煮好菜传给顾客吃。这个厨师就是本文要介绍视图』。 什么是视图?...在 Django 中,视图全称应该叫『视图函数』,简称视图(Views)。字面上理解视图就是 Python 函数,是处理用户请求并返回相应内容核心组件。...请求与响应(以GET和POST举例) 客户端和服务器通常使用HTTP方式进行数据传递,客户端服务器发起对话时,会创建一个“请求对象”,而服务器回复客户端时会创建一个“响应对象”。...对于前端来说,通常就是用浏览器服务器发起请求,用Ajax ,现在流行使用 axios 这个库发起请求。...Django 这边会通过视图函数接收前端发起请求,这个“请求对象”里通常包含请求头、请求方法等信息,Django 会将这个请求对象打包成 HttpRequest 对象,并使用第一个参数(request

6610

如何Django应用程序发送Web推送通知

第2步 - 设置视图 在此步骤中,我们将使用HttpResponse响应对象来设置基本home 视图和send_push视图视图Web请求返回响应对象函数。...视图通常会为每个请求返回响应。此视图返回一个简单HTML标记作为响应。 我们将创建下一个视图是send_push,它将处理使用django-webpush包发送推送通知。...在head文件部分中,有两个meta标记将保存VAPID公钥和用户id。注册用户并向其发送推送通知需要这两个变量。此处需要用户ID,因为您将服务器发送AJAX请求,并将id用于标识用户。...user:此变量来自传入请求。每当用户服务器发出请求时,该用户详细信息都存储在该user字段中。 该render函数将返回一个HTML文件和一个包含当前用户和服务器vapid公钥上下文对象。...您还完成了获取应用程序服务器发送推送通知所需VAPID密钥步骤。 结论 在本教程中,您学习了如何使用通知API订阅用户以推送通知,安装服务工作者和显示推送通知。

9.7K115

Django 2.1.7 查询数据返回json格式

需求问题 在日常工作中,对于前端发送过来请求,后端django大部分都是采用json格式返回,也有采用模板返回视图方式。...在模板返回视图方式的确很方便,但是如果涉及到动静分离、ajax请求这类,django就只能返回json格式数据了。...那么这里就带来了一个问题,如何django数据库模型类中查询数据以json格式放回前端。 然后前端如果获取读取返回过来数据呢?...环境说明 前端采用jquery发送ajax请求 python 3.7.2 django 2.1.7 示例说明 这次示例首先写一个简单页面发送ajax请求,然后后端分如何返回多行数据,如果返回查询对象进行示例说明...其中获取post请求参数方式很简单,依然是request.POST.get('参数名')即可。 浏览器测试功能如下: ” 可以浏览器控制台看到后端返回过来结果数据。

2.4K10

Django实战-信息资讯-Ajax 实现注册

Django网络应用开发5项基础核心技术包括模型(Model)设计,URL 设计与配置,View(视图编写,Template(模板)设计和Form(表单)使用。...前一篇使用 Django 自带 form 表单直接渲染到前端生成注册表单,而且对注册表单里字段进行了再次验证判断,重写 clean 方法 is_valid。 ?...在使用 ajax 进行请求注册前,需要定义数据格式,通过 json 进行数据通信。而对于不同请求返回后参数不同,需要单独定义请求时,需要返回数据格式。...定义请求状态码 200 成功处理了请求 400 服务器不理解请求语法 401 请求要求身份验证 405 禁用请求中指定方法 500 (服务器内部错误) 服务器遇到错误,无法完成请求...使用 ajax 方式注册,同样可以将前端传递过来数据,通过 Form 注册表单验证。

1.2K20
领券