自动完成和 $.getJSON 问题

Question

我有一个脚本：

<script type="text/javascript">
$(document).ready(function(){
    $("#PrincipleMember_IdNumber").autocomplete({
        close: function(event, ui) {
            var member = {};
            member.IDNumber = $("#PrincipleMember_IdNumber").val();
            $.getJSON("<%= Url.Action("MemberLookup","Member") %>", member, function(data) {
                $("#PrincipleMember_Firstname").val(data.FirstName);
            });
        }
    });
});

表格：

<fieldset class="fieldsetSection">
<legend>Principle Member</legend>
<table>
    <tr>
        <td width="150px" class="editor-label"><%=Html.LabelFor(l=>l.PrincipleMember.IdNumber)%></td>
        <td class="editor-field"><%= Html.AutoCompleteTextBoxFor(i => i.PrincipleMember.IdNumber, "IdNumber", "AutoComplete")%></td>
        <td><%=Html.ValidationMessageFor(v => v.PrincipleMember.IdNumber)%></td>
    </tr>
    <tr>
        <td width="150px" class="editor-label"><%=Html.LabelFor(l=>l.PrincipleMember.Firstname)%></td>
        <td class="editor-field"><%=Html.TextBoxFor(t => t.PrincipleMember.Firstname)%></td>
        <td><%=Html.ValidationMessageFor(v => v.PrincipleMember.Firstname)%></td>
    </tr>
</table>

最后是 json 结果操作：

public JsonResult MemberLookup(Member member)
{
    member = _memberRepository.GetMember(member.IDNumber);
    return this.Json(member);
}

我的 json 结果完美执行，并且得到了结果，但由于某种原因，这部分脚本未执行： $("#PrincipleMember_Firstname").val(data.FirstName);

我尝试用 alert(); 替换它，但这也没有执行。

谁能看到我在这里做错了什么吗？

Answer 1

我最好的猜测是（假设您的服务器端方法肯定执行成功，并返回 200 OK ）您的数据对象可能没有 FirstName 属性。

如果您使用 Firefox，则获取 FireBug，并检查数据对象的值。如果您使用的是 Chrome - 检查开发者控制台 (Ctrl + Shift + I)

将 $("#PrincipleMember_Firstname").val(data.FirstName); 替换为 console.log(data ); 并检查 javascript 控制台（firebug 的控制台选项卡，或 Chrome 的开发者控制台 -> 控制台选项卡。您应该能够看到您的对象，以及您可能遇到的任何 js 错误。

如果对象返回正常 -尝试 console.log(data.FirstName);

如果该对象不在控制台中 - 那么您的成功方法没有执行，也许服务器端调用不成功 - 尝试替换它。使用 $.ajax 调用，并使用错误事件来查看问题所在。

此外，如果 console.log 返回未定义 - 您的方法调用结果可能没有返回有效的 json 对象，但我认为看看你的代码，这是极不可能的。

Answer 2

我不得不改变我的 json 结果：

return this.Json(member, JsonRequestBehavior.AllowGet);