Question

我似乎无法在标记中的输入元素中插入JSON值。任何想法？我确实验证了.ajax调用返回了正确的JSON。它可能很简单，但我似乎无法让它工作。谢谢！

HTML

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/Scripts/jquery-2.0.3.min.js"></script>
</head>
<body>
    <div>
        <form>
            <fieldset>
                <legend>The Person</legend>
                    <label>Name: </label>
                    <input id="Name"/>
                    <label>Age: </label>
                    <input id="Age" />

            </fieldset>

        </form>
    </div>
    <script type="text/javascript" src="~/Scripts/Custom.js"></script>
</body>
</html>

的javascript

$(document).ready(function () {
    $.ajax({
        url: '/Home/GetPerson',
        type: 'GET',
        success: function (result) {
            alert(JSON.stringify(result));
            $('#Name').val(result[0].FirstName);
        }
    });
});

JSON.stringify返回

{"FirstName": "Steve", "LastName": "Smith"}

Answer 1

JSON是{"FirstName": "Steve", "LastName": "Smith"}

从[0]：

中删除result[0].FirstName

$('#Name').val(result.FirstName);

[0]部分只适用于result是一个对象数组并且您想要第一个项目，例如，如果您的JSON是这样的话：

[{"FirstName": "Steve", "LastName": "Smith"}, {"FirstName": "Mary", "LastName": "Jones"}]

将json值填充到标记中

1 个答案: