AJAX获取向ActionResult发送null变量

我有一个DropDownListFor，当选择了不同的elementID /值时，应该使用从GET ActionResult返回的Model数据填充相关元素，或者如果没有选择值，则清除相关TextBoxFor中的条目。 传递给ActionResult的DropDownListFor中的字符串ID始终为null，从而生成错误。 我已经尝试使用变量进行AJAX数据调用，对数据进行字符串化以及读取许多StackOverflow问题，但仍然会发生nullexception。 我是jQuery的新手，所以任何人都可以看到为什么数据不包含值？

风景：

 
 @Html.LabelFor(m => m.AccountOwnerID, "Account Owner Name", new { @class = "req" }) @Html.DropDownListFor(m => m.AccountOwnerID, Model.AccountOwners, "--New Owner--") 
 
 @Html.LabelFor(m => m.AccountOwner.AccountOwnerName, new { @class = "req"}) @Html.TextBoxFor(m => m.AccountOwner.AccountOwnerName) 
 
 
 
 @Html.LabelFor(m => m.AccountOwner.AccountOwnerPhoneNumber, "Owner Phone Number") @Html.TextBoxFor(m => m.AccountOwner.AccountOwnerPhoneNumber, new { @class = "form-control", data_parsley_required = "true" }) 
 
 @Html.LabelFor(m => m.AccountOwner.AccountOwnerEmail, "Owner E-Mail Address") @Html.TextBoxFor(m => m.AccountOwner.AccountOwnerEmail, new { @class = "form-control", data_parsley_required = "true" }) 
 
 @section Scripts{    $("#AccountOwnerID").change(function () { var $ownerName = $("#AccountOwner\\.AccountOwnerName"), $ownerEmail = $("#AccountOwner\\.AccountOwnerEmail"), $ownerPhone = $("#AccountOwner\\.AccountOwnerPhoneNumber"), $ownerValue = $("#AccountOwnerID").val(), $aOID = { ownerID : $ownerValue }; if (this.value >= 1) { $.ajax({ type: "GET", url: '/Sales/GetAccountOwnerInfo', data: JSON.stringify($aOID), success: function (data) { //Fill data $ownerName = data.AccountOwnerName; $ownerEmail = data.AccountOwnerEmail; $ownerPhone = data.AccountOwnerPhoneNumber; } }); } else { //clear fields $ownerName.val(''); $ownerEmail.val(''); $ownerPhone.val(''); } }).change();  

Controller，返回一个模型，其中包含AJAX成功分配给TextBoxFor的元素：

 public ActionResult GetAccountOwnerInfo(string ownerID) { Int64 accountOwnerID = 0; Int64.TryParse(ownerID, out accountOwnerID); ProjectEntities projectDB = new ProjectEntities(); var owner = projectDB.uspGetAccountOwnerInformation(accountOwnerID).FirstOrDefault(); AccountOwnersModel accountOwner = new AccountOwnersModel() { AccountOwnerID = owner.AccountOwnerID, AccountOwnerName = owner.AccountOwnerName, AccountOwnerEmail = owner.AccountOwnerEmail, AccountOwnerPhoneNumber = owner.AccountOwnerPhone, }; return Json(accountOwner, JsonRequestBehavior.AllowGet); } 

Answer 1

首先$ownerName = $("#AccountOwner\\.AccountOwnerName"),意味着$ownerName未定义，因为您没有id="AccountOwner\\.AccountOwnerName"任何元素。 html帮助器方法通过使用替换any来生成id属性. （和[和]字符）在属性名称中用_来避免jquery问题。 它需要是$ownerName = $("#AccountOwner_AccountOwnerName")

其次，您不需要对数据进行字符串化（如果这样做，则需要指定contentType: 'json', ajax选项）。 它应该是data: { ownerID: $(this.val() }, .注意使用$(this)来避免再次搜索DOM。

第三， $ownerName是一个jquery元素，所以要设置它的值，需要$ownerName.val(data.AccountOwnerName);

旁注：你对if (this.value >= 1)表明存在问题。 您的助手正在使用--New Owner--生成其第一个选项，因此您应该检查null 。

你的脚本应该是

 // cache the elements since you repeatedly accessing them var ownerName = $("#AccountOwner_AccountOwnerName"), ownerEmail = $("#AccountOwner_AccountOwnerEmail"), ownerPhone = $("#AccountOwner_AccountOwnerPhoneNumber"); $("#AccountOwnerID").change(function () { if ($(this).val()) { $.ajax({ type: "GET", url: '@Url.Action("GetAccountOwnerInfo", "Sales")', // don't hard code your url's data: { ownerID: $(this).val() }, success: function (data) { // Fill data ownerName.val(dataAccountOwnerName); ownerEmail.val(data.AccountOwnerEmail); ownerPhone.val(data.AccountOwnerPhoneNumber); } }); } else { // clear fields ownerName.val(''); ownerEmail.val(''); ownerPhone.val(''); } }) 

附注：由于您传递了一个int方法的值，因此您的方法参数应为int ownerID 。 此外，您不需要响应中的AccountOwnerID值，因此您只需在控制器中创建一个匿名对象

 public ActionResult GetAccountOwnerInfo(int ownerID) { ProjectEntities projectDB = new ProjectEntities(); var owner = projectDB.uspGetAccountOwnerInformation(ownerID).FirstOrDefault(); var data = new { AccountOwnerName = owner.AccountOwnerName, AccountOwnerName = owner.AccountOwnerName, AccountOwnerPhoneNumber = owner.AccountOwnerPhone }; return Json(data, JsonRequestBehavior.AllowGet); }