如何在AJAX POST请求中向Laravel传递多类型数据并保留原类型

你碰到的这个问题太常见了——不管是用传统表单提交还是FormData传递数据，HTTP默认的表单编码格式（x-www-form-urlencoded或者multipart/form-data）都会把所有数据转成字符串，根本没法区分整数、数组这些类型。要保留原始数据类型，得换个思路：用JSON格式来传递数据，这样前后端的类型就能对应上了。

下面给你分前端和后端的具体修改步骤：

前端JavaScript调整 #

首先，你需要把输入框的值和你的自定义对象合并成一个完整的JS对象，这里要注意手动处理输入框的类型转换（比如输入的是数字的话，要转成Number类型，不然还是字符串）：

// 假设你的输入框id是userInput，你的自定义对象叫myData
const inputVal = document.getElementById('userInput').value;
// 判断输入是否为数字，是就转Number，否则保留字符串
const processedInput = isNaN(inputVal) ? inputVal : Number(inputVal);

// 合并输入值和你的原有数据
const postData = {
  user_input: processedInput,
  ...myData // 这里展开你的原有对象，包含字符串、整数、数组等
};

然后用fetch或者axios发送请求，关键是要设置请求头为Content-Type: application/json，并且把对象转成JSON字符串：

// 用fetch的示例
fetch('/your-laravel-api-route', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content // 别忘了Laravel要求的CSRF令牌
  },
  body: JSON.stringify(postData)
})
.then(res => res.json())
.then(result => console.log('请求成功:', result))
.catch(err => console.error('请求出错:', err));

// 用axios的话会更简洁，它会自动处理JSON序列化
axios.post('/your-laravel-api-route', postData, {
  headers: {
    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
  }
})
.then(res => console.log(res.data))
.catch(err => console.log(err));

Laravel后端处理 #

在你的控制器方法里，Laravel会自动识别application/json请求头，帮你解析JSON数据，直接用request()助手函数或者$request对象就能拿到带原始类型的数据：

public function handlePostRequest(Request $request)
{
    // 获取全部带类型的数据
    $fullData = $request->all();
    
    // 单独获取某个字段，类型会保留
    $userInput = $request->input('user_input');
    $arrayField = $request->input('your_array_key'); // 这里是数组类型
    $integerField = $request->input('your_integer_key'); // 这里是整数类型

    // 接下来就可以按原始类型处理数据了...
}

额外提醒 #

• 如果你的输入是多选框这类需要数组的控件，前端要收集成数组而不是逗号分隔的字符串，比如：

// 收集多选框选中值，转成数字数组
const selectedValues = Array.from(document.querySelectorAll('input[name="options[]"]:checked'))
  .map(box => Number(box.value));

• 一定要确保页面里有CSRF令牌的meta标签：<meta name="csrf-token" content="{{ csrf_token() }}">，不然Laravel会拦截你的POST请求。

内容的提问来源于stack exchange，提问作者user1658132