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

VueJs发送到服务器的POST数据格式奇怪

是因为VueJs默认使用了application/json作为POST请求的Content-Type,而服务器端可能期望接收的是application/x-www-form-urlencoded格式的数据。

为了解决这个问题,可以通过以下两种方式来调整VueJs发送POST请求的数据格式:

  1. 使用FormData对象:可以通过创建一个FormData对象来模拟表单提交,将数据以键值对的形式添加到FormData对象中,然后将FormData对象作为请求体发送到服务器。这样可以保持数据格式的一致性。示例代码如下:
代码语言:javascript
复制
// 创建FormData对象
var formData = new FormData();
// 添加数据到FormData对象
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// 发送POST请求
axios.post('/api/endpoint', formData)
  .then(function (response) {
    // 处理响应
  })
  .catch(function (error) {
    // 处理错误
  });
  1. 设置请求头:可以通过设置请求头的方式来指定POST请求的Content-Type为application/x-www-form-urlencoded。示例代码如下:
代码语言:javascript
复制
// 设置请求头
axios.post('/api/endpoint', {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  data: {
    key1: 'value1',
    key2: 'value2'
  }
})
  .then(function (response) {
    // 处理响应
  })
  .catch(function (error) {
    // 处理错误
  });

以上是针对VueJs发送到服务器的POST数据格式奇怪的解决方案。根据具体的业务需求和服务器端的要求,选择适合的方式来发送POST请求,并确保数据格式的一致性。

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

相关·内容

  • JavaScript表单提交

    表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽,通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。 数据的信息不同,上传的方式也不同。在JavaScript中有四种种表单提交的方式: 一、 Form表单手动提交(get与post) 在没有任何Js代码的影响下,Form表单本身是自带提交功能的。在form元素标签上有两个属性: (1) action:设置表单提交的路径(URL) (2) method:设置表单提交的方式 表单提交的路径分为两种: (1) 相对路径:指站点内的文件,就是本地文件。 (2) 绝对路径:指其它站点,就比如从本站点到百度。 设置表单提交方式属性的值有两种:get提交和post提交。如果method不指名提交方式则默认为get提交。 这两种提交方式需要分别对应不同情况使用: (1) 相对于post提交而言,get提交更简单也更快,但是传输的容量小,在提交表单时,所有的信息都会暴露在url上,并不安全,通常用来获取数据。 (2) post提交方式能够传输的容量基本上是无穷的,而且提交的数据直接在后台进行处理,保证了数据的安全性,而且在更新数据传输大量数据、传输音频图片或者特殊符号等情况时,就只能使用post,而非get。 通常情况下,我们会取消Form表单的自动提交功能,通过一个onsubmit属性赋值为return false。

    01

    post请求包含哪些参数(请求方式post和get)

    1)、HTTP 协议是以 ASCII 码 传输,建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分:状态行、请求头、消息主体。 2)、协议规定 POST 提交的数据必须放在消息主体(entity-body)中,但协议并没有规定数据必须 使用什么编码方式 。实际上,开发者完全可以自己决定消息主体的格式,只要最后发送的 HTTP 请求满足上面的格式就可以。 3)、数据发送出去,还要服务端解析成功才有意义。一般服务端语言如 php、python 等,以及它们的 framework,都内置了自动解析常见数据格式的功能。服务端通常是根据请求头(headers)中的 Content-Type 字段来获知请求中的消息主体是用何种方式编码,再对主体进行解析。

    02
    领券