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

为什么Django没有检测到我在javascript fetch POST请求中发送的数据?

Django没有检测到在JavaScript fetch POST请求中发送的数据可能是由于以下几个原因:

  1. 跨域请求问题:浏览器的同源策略限制了在不同域名、端口或协议下的请求。如果你的JavaScript代码和Django应用不在同一个域名下,浏览器会阻止请求发送到不同的域。解决这个问题的方法是在Django应用中设置跨域资源共享(CORS)策略,允许来自特定域的请求。
  2. 请求头缺少必要的信息:在fetch POST请求中,需要确保请求头中包含了必要的信息,例如Content-Type。Django默认使用表单数据(application/x-www-form-urlencoded)作为请求的Content-Type,如果你使用了其他类型的数据,例如JSON数据(application/json),需要在请求头中指定正确的Content-Type。
  3. 请求数据格式错误:确保你在JavaScript代码中正确地序列化请求数据。如果数据格式不正确,Django可能无法正确解析请求体中的数据。可以尝试使用JSON.stringify()方法将数据转换为JSON字符串。
  4. Django视图函数未正确处理请求:确保你的Django视图函数正确地处理了POST请求,并且能够解析请求体中的数据。可以使用Django提供的request.POST或request.body来获取请求数据。

综上所述,如果Django没有检测到在JavaScript fetch POST请求中发送的数据,可能是由于跨域请求问题、请求头缺少必要的信息、请求数据格式错误或Django视图函数未正确处理请求。你可以根据具体情况逐一排查并解决这些问题。

相关搜索:PHP8没有收到我通过POST发送的数据(fetch javascript,php8)在我的fetch post请求中没有找到404为什么我的POST请求响应中没有数据?如何解决向Tomcat发送POST请求时浏览器中的Javascript fetch API错误?在Apache Camel中访问通过post请求发送的json数据为什么在Angular的API请求中没有发送Authorization头部?使用Python请求中的POST数据在Django中创建新模型为什么我的axios post请求没有在我的后端发送任何数据回我的外部api?在Django中,我可以在没有POST操作的情况下检测文本输入更改(在表单中)吗?使用node.js中的XML数据发送POST请求:错误400,“客户端发送的请求在语法上不正确”为什么在Postman中测试将文件发送到API时,我的简单post请求不起作用?在成功创建HTTP Post记录时,我没有从请求中收到新创建的记录值。为什么?在Opendaylight中,我们发送openflow的多部分请求,为什么wireshark可以在单个数据包中看到累积的多部分请求?ClassCastException,为什么我的保存按钮在单击时没有将选中的复选框保存到我的数据库中?node.js为什么在重启服务器后,保存在json文件中的post请求数据重置为初始空数组?在面板中按下一个按钮,为什么数据要发送两次,有没有只发送一次的解决方案?Django Rest框架:在GET响应中发送完整的外键对象,但在POST有效负载中只接受外键ids,没有两个序列化程序?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Fetch还是Axios——哪个更适合HTTP请求

几年前,大多数应用程序都使用 Ajax 发送 HTTP 请求,Ajax 代表异步 Javascript 和 XML。...JSON 如前所述,当我们使用 .fetch() 方法时候,需要对响应数据使用某种方法,当我们发送带有请求 body 时,需要对数据进行字符串化。... axios ,它是自动完成,所以我们只需在请求传递数据或从响应获取数据。它是自动字符串化,所以不需要其他操作。 让我们看看如何从 fetch() 和 axios 获取数据。...你可以看到,使用 axios 我们没有额外一行代码, .fetch()例子,我们必须将数据转换为 JSON 格式。...第一种情况下,我创建了一个 console.log,告知发送请求情况,响应拦截,我们可以对响应做任何操作,然后返回。

4.9K20
  • 深入理解跨域问题

    另外,规范要求,对那些可能对服务器数据产生副作用 HTTP 请求方法(特别是 GET 以外 HTTP 请求,或者搭配某些 MIME类型 POST 请求),浏览器必须首先使用 OPTIONS 方法发起一个预检请求...服务器确认允许之后,才发起实际 HTTP 请求预检请求返回中,服务器端也可以通知客户端,是否需要携带身份凭证(包括 Cookies 和 HTTP认证 相关数据)。...CORS 请求失败会产生错误,但是为了安全, JavaScript 代码层面是无法获知到底具体是哪里出了问题。你只能查看浏览器控制台以得知具体是哪里出现了错误。...除了被用户代理自动设置首部字段(例如 Connection,User-Agent)和在 Fetch 规范定义为 禁用首部名称 其他首部,允许人为设置字段为 Fetch 规范定义 对 CORS...当用在对 preflight 预检测请求响应时,它指定了实际请求是否可以使用 credentials。

    1.1K30

    Django请求与响应

    请求与响应 请求是指浏览器通过HTTP协议发送给服务端数据 响应指的是服务端收到响应后做相应处理后再返回给浏览器 请求样例 GET /user/api/qoqa HTTP/1.1 ---> 起始行...HEAD 类似于GET请求,只不过返回响应没有具体内容,只返回响应头。 POST 向指定资源提交数据进行处理请求,数据被包含在请求。 PUT 从客户端向服务器发送数据取代指定文档内容。...Django请求 path_info: URL字符串,即当前请求路径 method: 字符串,表示http请求方法 GET: QueryDict查询字典对象,包含get请求方式所有资源 POST...: 请求数据(消息头) request.META['REMOTE_ADDR']可以请求到客户端地址,当然你可以请求META任何信息....参数=值> form表单method为GET GET请求方式,如果有数据需要传递给后端服务器,通常会用查询字符串Query String传递[不要传递敏感数据] URL:http://127.0.0.1

    60910

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

    该 send_push 视图将使用Django-Webpush库发送包含用户主页上输入数据推送通知。...此视图需要POST数据并执行以下操作:它获取请求body内容,并使用json包将JSON文档反序列化为使用json.loadsPython对象。...回调函数,event数据将转换为文本。如果事件数据没有,我们使用默认值title和body字符串。该showNotification函数将通知标题,要显示通知标题和选项对象作为参数。...它还从meta标记获取信息,包括name属性user_id和存储content标记属性用户id 。有了这些信息,它就可以向/send_push服务器端点发送POST请求。...要将请求发送到服务器,我们将使用本机Fetch API。我们在这里使用Fetch是因为大多数浏览器都支持它,并且不需要外部库来运行。

    9.8K115

    Django Web开发基础知识

    换句话说,肯定是先从客户端开始建立通信,服务器端没有 接收到请求之前不会发送响应无状态保存 HTTP是一种不保存状态,即无状态(stateless)协议。...HTTP协议自身不对请求和响应之间通信状态进行保存,协议对于发送请求或响应都不做持久化处理。 无连接:无连接含义是限制每次连接只处理一个请求。...分割URL和传输数据,参数之间以&相连,POST方法是把提交数据放在HTTP包Body. GET提交数据大小有限制(因为浏览器对URL长度有限制),而POST方法提交数据没有限制....GET与POST请求服务端获取请求数据方式不同。 GET方式提交数据,会带来安全问题,而POST请求则相对安全。...2.如果没有创建app名字,也可以进入django目录,执行 python manage.py startapp MyWeb 命令创建. 更多django shell命令行参数。

    2.1K20

    【Java 进阶篇】Ajax 实现——原生JS方式

    在前端开发,我们经常需要与服务器进行数据交互,而 Ajax(Asynchronous JavaScript and XML)是一种用于创建异步请求技术,它可以使我们不刷新整个页面的情况下更新部分页面内容... Web 开发,我们常常需要从服务器获取数据或向服务器发送数据,而传统同步请求会导致整个页面的刷新,用户体验较差。...原生 JavaScript Ajax 实现 原生 JavaScript ,我们可以使用 XMLHttpRequest 对象来创建和处理 Ajax 请求。...然后,我们将获取到数据展示页面上。 POST 请求 除了 GET 请求,我们还可以使用 XMLHttpRequest 发起 POST 请求。以下是一个简单例子: 发送数据 <script

    25250

    Python后端技术栈(五)--网络编程

    同时它还是基于字节流,我们都晓得 TCP 有一个缓冲区,应用层使用 TCP socket 发送请求之后,TCP 会把缓冲区应用层发送数据进行分段发送。...提交一些表单数据命令行如何查看接收到消息呢?有两个常用方法: 第一个使用 curl 命令,我们以访问百度为例: curl www.baidu.com 它会返回请求数据。...当我们每次发送 GET 请求时对服务器没什么副作用,而 POST 创建时候都会改变数据数据。 3.GET 请求参数放到 url(明文传输),它有长度限制;POST 放在请求,更安全。...你有可能看到等待数据时候还是阻塞,疑惑为什么 select 就能实现高并发了呢?原因就是 select 可以同时处理多个 socket,有一个就绪应用程序代码就可以处理它。...Django数据相关操作 DRF框架英文单词 DRF框架 Django相关知识点回顾 python技术面试题-腾讯

    71730

    CSRF 原理与防御案例分析

    CSRF 不仅仅只能针对 GET 请求,也可以针对 POST 请求,不过只能使用 from 标签进行自动提交,注意此处需用到 javascript。...1) Token 我们知道 CSRF 攻击请求除了 Cookie 以外,其他内容必须提前确定好,那么如果我们服务端要求提交某一个参数是随机值呢?...当用户打开正常发送请求页面时,服务器会生成一串随机 Token 值给浏览器,发送请求时带上此 Token,服务端验证 Token 值,如果相匹配才执行相应操作、销毁原 Token 以及生成并返回新...这个就是 Django CSRF 防御机制,当我们发送 POST 请求Django 会自动检测 CSRF_Token 值是否正确。...只有这样 Django 才会接受 POST 请求数据,否则返回错误,并且原登陆页面的 CSRF_Token 重新生成,上一个进行销毁,很大程度上防御住了 POST 请求 CSRF。 ?

    2.3K30

    ​Python Django 文件上传

    type="file",并且设置格式为JPEG ,accept="image/jpeg" 注意 需要在form 表单增加属性 enctype="multipart/form-data"使用二进制传输文件...处理 JavaScript代码: 通过id获取到该文件,并通过feach进行发送POST请求,使用files0确定获取到文件 发送请求时不要忘记带上"csrfmiddlewaretoken", var...return false; }); return false; Django视图函数 大致流程,获取到文件,使用二进制读取并保存文件,为保证图片一致性,我们一般要使用随机数字作为图片名称...项目的文件上传相对来说比较简单,官方提供了比较详细文档,有空可以去瞅瞅 如需要批量进行上传,大致原理差不多,可以循环遍历文件,将每一个文件进行相同操作即可, 进行上传和保存时,请确定上传格式和保存格式一致...进行请求时传输参数,请尽量使用post请求,GET请求如在请求中有中文,不同系统可能出现不一样结果,GET请求应该是数字和字母。 我正在参与2024腾讯技术创作特训营最新征文,快来和我瓜分大奖!

    11410

    如何快速实现手机号码实时检测功能

    前言现代网络服务,手机号码实时检测功能是一项重要安全措施,它能够帮助验证用户身份,防止欺诈行为,并且提供用户行为分析数据支持。...这里 API 我使用是 APISpace 手机号码实时检测,里面的 X-APISpace-Token 就是API密钥。以下是使用HTML和JavaScript编写UI代码示例:<!...'X-APISpace-Token': apiKey // 登录APISpace即可获得 }; // 发送POST请求 fetch('https...在这个例子,我们将使用JavaScriptfetch函数来发送HTTP POST请求到API服务,并处理返回响应。...UI代码fetch请求已经包含了接入API所需所有步骤,包括设置请求头、发送请求参数和处理返回数据。因此,你可以直接使用上面的UI代码fetch请求部分作为接入代码。

    14810

    Vue 09.前后端交互

    前后端交互模式 接口调用方式 原生ajax 基于jQueryajax fetch axios 异步 JavaScript执行环境是「单线程」 所谓单线程,是指JS引擎负责解释和执行JavaScript...// then方法,也可以直接return数据而不是Promise对象,在后面的then中就可以接收到数据了 p.then(function(data){ console.log(data...fetch不是ajax进一步封装,而是原生js,没有使用XMLHttpRequest对象。...请求传递json数据 fetch('http://localhost:3000/books', { method: 'post', body: JSON.stringify({ uname...'; 拦截器 类似于django中间件 请求拦截器 请求拦截器作用是在请求发送前进行一些操作 例如在每个请求体里加上token,统一做了处理如果以后要改也非常容易 axios.interceptors.request.use

    6K30

    目前5种最流行发送HTTP请求方法

    所以,今天帖子,我们将讨论用Javascript发送HTTP请求不同方法。从语言提供本地选项开始,我们将查看以下五个模块,并使用它们发送不同类型HTTP请求。...和当前POST请求之间一个主要区别是发布JSON数据时显式设置内容类型头。...使用Fetch发出POST请求也遵循与前面示例类似的模式。这里,我们使用config对象来指定请求方法并传递需要发送数据。...支持许多其他可用HTTP包不可用多功能特性集。其中包括拦截HTTP请求、同时发送请求、终止已发送请求、自动JSON数据转换、监控请求进度等。...总结 近年来,许多本机和第三方模块被引入到Javascript,用于发送HTTP请求

    3.1K20

    王老板Python面试(9):整理最全 python常见面试题(基本必考)

    2.跨域请求问题django怎么解决(原理) 启用中间件 post请求 验证码 表单添加{%csrf_token%}标签 3.请解释或描述一下Django架构 对于Django框架遵循MVC设计,...URL编码格式采用是ASCII编码,而不是uniclde,即是说所有的非ASCII字符都要编码之后再传输。 POST请求POST请求会把请求数据放置HTTP请求包体。...上面的item=bandsaw就是实际传输数据。 因此,GET请求数据会暴露在地址栏,而POST请求则不会。 2、传输数据大小 HTTP规范没有对URL长度和传输数据大小进行限制。...如果提取出需要数据,则交给管道文件处理;2. 如果提取出url,则继续执行之前步骤(发送url请求,并由引擎将请求交给调度器入队列...),直到请求队列里没有请求,程序结束。...对于检测Headers反爬虫,爬虫修改或者添加Headers就能很好绕过。

    1.6K10

    Chrome开发者工具指北

    预备知识:HTTP 请求过程 这是浏览器和后端服务器之间数据流动示意图 浏览器和服务器之间可能隔了千山万水,相互之间数据交换必须由 HTTP 请求——响应完成(图中箭头) 一个页面包含 HTML..., CSS, JavaScript 均由浏览器这边处理,后端(Django)统统不认识这些文件,当成普通文本看待。...Body: 请求体,发送请求内容 而一个 HTTP 响应主要包含以下部分: Headers: 响应头部,包含一些响应数据。...: 返回状态码 Size: 响应大小,如果是带"cache"字眼说明没有请求到后端,而是从缓存获得1 Time: 载入耗时 从这个列表,加载了哪些文件,是否有加载失败,加载耗时如何都一目了然。...此外在 Network 面板按CtrlF,可以搜索某个具体数据内容,是在哪一个请求返回,这无疑对写爬虫有巨大帮助。 Footnotes 这就是为什么更新了后端静态文件没有生效原因。

    36020

    Django DeleteView without confirmation template, but with CSRF attack

    这样导致删除流程特别麻烦,特别是这个“确认页面”: ? 因为“删除”是一个敏感操作,所以一定要有CSRF防御,所以点击上图这个“是的,我确认”按钮以后,会发送一个POST请求到后端。...Django会自动检查CSRF TOKEN。但实际上,我们也可以操作JavaScript向后端发送POST请求,而无需确认页面里这个表单。...所以,我理想删除逻辑应该是这样:点击删除 -> Javascript弹出确认框 -> 用户点击确认 -> Javascript生成一个表单 -> 提交 -> 跳转到success_url。...那么,一个请求允许哪些方法,是_allowed_methods函数里定义: ? 这个函数意思就是:根据子类定义过方法名确定允许哪些方法。...比如,Django提供BaseUpdateView类定义了两个方法get和post: ? 所以,继承这个类View一定允许GET和POST两种请求

    98810

    09.Django基础七之Ajax

    (这一特点给用户感受是不知不觉完成请求和响应过程)     AJAX 不需要任何浏览器插件,但需要用户允许JavaScript浏览器上执行。       ...非get请求),django没有办法了,他还是帮你重新定向发送get请求,不能满足你需求,所以如果你用post方法提交数据时候,就像上面这个ajax里面的那个url写必须和你后端配置那个url...验证码:用户提交每一个表单中使用一个随机验证码,让用户文本框填写图片上随机字符串,并且提交表单后对其进行检测。...当input标签失去焦点后获取 username表单字段值,向服务端发送AJAX请求django视图函数处理该请求,获取username值,判断该用户在数据是否被注册,如果被注册了就返回“...简单请求:一次请求 非简单请求:两次请求发送数据之前会先发一次请求用于做“预检”,只有“预检”通过后才再发送一次请求用于数据传输。

    3.6K20

    Vue&Php获取数据数据

    数据形式 如果不太熟悉,想要没有问题地将数据数据递送到渲染层颇有挑战。...用Phpfetch_all(1)方法实际上得到了一个关联数组数组(此处1代表数组项是关联数组),利用json_encode()将关联数组转换为JSON字符串,得到了一个JSON字符串数组。...而前端JavaScriptJSON.parse()方法支持将JSON字符串转为对象,也支持将JSON字符串数组转为对象数组,Vue就可以渲染了。...Php Php从数据库获取数据并以json形式响应请求,我这里接受了proc参数用来判断获取哪一种数据。 <?...{ emulateJSON: true }参数使服务器有能力接收POST请求附带参数(将request body以application/x-www-form-urlencoded content type

    2.6K40
    领券