为何jQuery中该值发生变更？附HTML与JavaScript代码

你遇到的这个问题，本质是JavaScript对带前导零的数字字面量的解析规则在搞鬼，跟jQuery本身其实没啥关系~

问题根源 #

当你在HTML的onclick事件里直接传递007267这个参数时，JavaScript会把它识别为八进制数字字面量（这是早期JS的语法特性，至今多数浏览器仍兼容）。八进制的007267转换为十进制后是3767——这就是你在getInfo函数里拿到的growerid实际值，和你预期的007267不一样的原因。

你可以在getInfo函数开头加一行验证：

function getInfo(growerid, plantid) {
  console.log(growerid); // 会输出3767，而不是007267
  // 你的AJAX代码...
}

解决方法 #

要保留原始的007267格式，核心是让JavaScript把它当作字符串处理，而不是数字：

1. 修改HTML的参数传递方式（推荐）：给参数加上单引号或双引号，把它变成字符串字面量：

<button type="button" value="" onclick="getInfo('007267', '10140000000')" class="btn btn-xs btn-primary">INFO</button>

这样growerid接收到的就是字符串"007267"，不会被转换进制。后端如果需要数字类型，再在服务端做转换即可。

2. 如果必须用数字传递（不推荐）：
   如果后端要求必须传数字，你可以在getInfo函数里手动补全前导零，但这种方式风险高（如果原始数字的前导零数量不确定，很难处理），比如：

function getInfo(growerid, plantid) {
  // 把数字转成字符串，补前导零到6位
  const formattedGrowerId = String(growerid).padStart(6, '0');
  // 后续AJAX里用formattedGrowerId代替growerid
}

但还是更推荐第一种字符串传递的方式，从源头避免问题。

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