从视图向控制器传递参数

Question

我正在开发MVC应用程序。我试图通过JQuery将参数从视图传递给使用JSON的控制器。返回类型工作正常，但当我通过参数失败。以下是代码

VIEW

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#ClientList").change(function() { 
      $.ajax({ 
       url: '@Url.Action("GetClientData", "Home")', 
       type: 'Post', 
       dataType: 'json', 
       data: { clientID: $("#CientList").val() }, 
       contentType: 'application/json; character=utf-8', 
       success: function (data) { 
        if (data.success) { 
         document.getElementById("ClientName").value = data.clientName 
        } 
        else { 
         alert('invalid ID' + data.success); 
        } 
       } 
      }); 
     }); 
    }); 

CONTROLLER

[HttpPost] 
     public JsonResult GetClientData(string clientID) 
     { 
      Client client = Client.GetClient(Convert.ToInt32(clientID)); 
      if (client != null) 
      { 
       return Json(new { success = true, clientName = client.ClientName }); 
      } 
      return Json(new { success = false }); 

     } 

如果我取出从控制器代码的论点。它工作正常，但在方法接受参数时失败。有什么建议么？

Answer 1

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#ClientList").change(function() { 
      var selectedClientID = { clientID: $("#ClientList").val() }; 
      $.ajax({ 
       url: '@Url.Action("GetClientData", "Home")', 
       type: 'Post', 
       contentType: 'application/json', 
       dataType: 'json', 
       data: JSON.stringify(selectedClientID), 
       success: function (data) { 
        if (data.success) { 
         document.getElementById("ClientName").value = data.clientName; 
         document.getElementById("ClientAddress").value = data.clientAddress; 
         document.getElementById("ClientContactNumber").value = data.clientContact; 
        } 
        else { 
         alert('invalid ID' + data.success); 
        } 
       } 
      }); 
     }); 
    }); 
</script> 

这工作完全