首页
学习
活动
专区
工具
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.6K40
  • Django REST Framework-基于Oauth2的身份验证(二)

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

    2.1K20

    09.Django基础七之Ajax

    当文件框发生了输入变化时,使用AJAX技术向服务器发送一个请求,然后服务器会把查询到的结果响应给浏览器,最后再把后端返回的结果展示出来。       ...当输入用户名后,把光标移动到其他表单项上时,浏览器会使用AJAX技术向服务器发出请求,服务器会查询名为lemontree7777777的用户是否存在,最终服务器返回true表示名为lemontree7777777...a.整个过程中页面没有刷新,只是局部刷新了;     b.在请求发出后,浏览器不用等待服务器响应结果就可以进行其他操作; 4.AJAX的优缺点 优点:       1.AJAX使用JavaScript...如果你的视图渲染的HTML文件中没有包含 {% csrf_token %},Django可能不会设置CSRFtoken的cookie。       ...当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学习笔记之Ajax入门

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

    1.3K50

    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

    四、其它(一)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.5K20

    Django中请求的生命周期

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

    2.7K100

    Django的请求生命周期

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

    55320

    Django ajax 简单介绍

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

    55710

    『Django』视图views

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

    11510

    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.5K10

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

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

    71120

    如何从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.9K115

    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

    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('参数名')即可。 浏览器测试功能如下: ? 可以从浏览器的控制台看到后端返回过来的结果数据。

    3K20
    领券