在前端开发中，使用jQuery进行Ajax请求是常见的操作之一。然而，有时候我们会遇到数据参数没有被成功传递到MVC控制器操作的情况。这种问题可能由多个原因引起，下面将介绍其中两个最常见的原因和相应的解决方案。
问题描述
在使用 jQuery 的 $.ajax 方法时，我们通常会通过 data 参数来传递数据给控制器操作。但是，当我们尝试通过这种方式将数据传递给控制器时，数据并没有被成功传递。例如：
-- -------------------- ---- -------
--------
---- ---------------------
----- -------
----- - --- -- ----- ------ --
-------- ---------------- -
--------------------
--
------ ---------- -
---------------------
-
---在上述代码中，我们希望将 id 和 name 这两个参数传递给 Controller 控制器的 Action 操作。但是，当我们检查 Action 操作收到的参数时，我们发现它们的值都为 null。
原因分析
1. 默认情况下，jQuery使用"application/x-www-form-urlencoded"格式发送数据
当我们使用 $.ajax() 方法向服务器发送请求时，如果不指定请求头（header）的 Content-Type 属性，jQuery 将默认使用 "application/x-www-form-urlencoded" 格式来编码数据。这种格式将会把数据转化为类似于 name1=value1&name2=value2 这样的字符串，然后在请求体中进行传输。
但是，在MVC控制器操作的参数列表中，这种格式的数据无法被正确的解析。因此，我们需要将 Content-Type 属性设置为 "application/json"，来告诉服务器使用 JSON 格式接收数据，并对其进行解析。
例如：
-- -------------------- ---- -------
--------
---- ---------------------
----- -------
------------ ------------------ ---------------
----- ---------------- --- -- ----- ------ ---
-------- ---------------- -
--------------------
--
------ ---------- -
---------------------
-
---在上述代码中，我们通过设置 contentType 属性并使用 JSON.stringify() 方法将数据转换为 JSON 格式来解决了问题。
2. 忽略掉未定义的属性
如果我们在传递数据时忽略了一些未定义的属性，则这些属性的值将不会被传递到控制器操作。这可能导致我们无法正确地解析数据。
例如，假设我们希望传递一个包含两个属性（id 和 name）的对象，并且我们错误地将 name 属性写成了 uname。由于这个属性在对象中没有定义，它的值会被忽略掉，导致 uname 无法正确地传递到控制器操作中。
解决这个问题的方法很简单：确保我们传递的所有属性都在对象中被定义过，并且它们的值都不为 undefined。如果遇到未定义的属性，可以将其赋值为 null 或者删除它。
例如：
-- -------------------- ---- -------
--- ---- - - --- -- ----- ------- ---- --------- --
------ ---------
--------
---- ---------------------
----- -------
------------ ------------------ ---------------
----- ---------------------
-------- ---------------- -
--------------------
--
------ ---------- -
---------------------
-
---在上述代码中，我们使用了 delete 关键字删除了 age 属性，并将未定义的属性 age 的值设置为 `undefined
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30212