前端post请求报400错误

最新推荐文章于 2024-09-10 14:30:32 发布

原创最新推荐文章于 2024-09-10 14:30:32 发布 · 1.8w 阅读

11 ·

CC 4.0 BY-SA版权

js 同时被 3 个专栏收录

24 篇文章

订阅专栏

jquery

10 篇文章

订阅专栏

axios

1 篇文章

订阅专栏

本文详细解析了前端POST请求返回400错误的原因，主要为参数名称类型不匹配或参数格式错误。提供了使用axios和ajax两种方式格式化传递参数的方法，包括引入qs进行字符串化处理和使用JSON.stringify进行JSON格式化。

前端post请求报400错误

发布时间： 2019-06-05 18:28:54

400的错误是由于发送请求参数没有成功
原因：参数名称类型没有对上；或者参数格式不正确

参数格式不正确，解决方法：格式化传递给后台的参数

1.使用axios

对于请求的参数：引入qs

import qs from 'qs'
axios({
 	method: 'post',
  	url: url,
  	data: qs.stringify(params)//格式化参数
})

2.使用ajax

$.ajax({
    url: url,
    data: JSON.stringify(params),//格式化参数
    type: 'POST',
    dataType: 'json',
    contentType: 'application/json',
    success: res => {
        console.log(res)
    },
    error: err => {
        console.log(err.statusText)
    }
});