ajax webapi调用返回undefined

时间:2017-05-01 17:55:16

标签: javascript jquery ajax asp.net-web-api

我正在关注一些在线ajax教程,例子是关于使用GET方法调用webapi,这里是页面上的脚本部分

<script type="text/javascript">
    $(document).ready(function () {
        var ulEmployees = $('#ulEmployees');
        $('#btn').click(function () {
            $.ajax({
                type: 'GET',
                url: "http://localhost:35468/api/employee",
                dataType: 'json',
                async: true,
                success: function (data) {
                    ulEmployees.empty();
                    $.each(data, function (index, value) {
                        var fullName = value.FirstName + ' ' + value.LastName;
                        ulEmployees.append('<li>' + fullName + '</li>');
                    });
                }
            });
        });
        $('#btnClear').click(function () {
            ulEmployees.empty();
        });
    });
</script>

它应该在。

中的列表项中呈现emoloyee的名字和姓氏
<div>
    <input id="btn" type="button" value="Get All Employees" />
    <input id="btnClear" type="button" value="Clear" />
    <ul id="ulEmployees">

    </ul>
</div>

每个函数迭代对象,但它在html中显示未定义

有人知道解决方案吗?

1 个答案:

答案 0 :(得分:0)

解决了

问题是因为字段名FirstName和LastName不正确, 正确的字段名称是firstName和lastName,这就是为什么对象没有以正确的方式填充它们。