Javascript 无法将webserive的JSON结果写入html_Javascript_Jquery_Html_Json

Javascript 无法将webserive的JSON结果写入html

javascript jquery html json

Javascript 无法将webserive的JSON结果写入html,javascript,jquery,html,json,Javascript,Jquery,Html,Json,因此，我从webservice（使用spring创建）检索JSON结果，如下所示： [ {"id":34,"nachname":"Mozart","vorname":"Wolfgang Amadeus","namenspraedikat":"","instrumentId":0,"geburtsdatum":"27.01.1756","herkunftsland":"Salzburg","sterbedatum":"05.12.1791","plz":null,"ort":null,"straß

因此，我从webservice（使用spring创建）检索JSON结果，如下所示：

[
{"id":34,"nachname":"Mozart","vorname":"Wolfgang Amadeus","namenspraedikat":"","instrumentId":0,"geburtsdatum":"27.01.1756","herkunftsland":"Salzburg","sterbedatum":"05.12.1791","plz":null,"ort":null,"straße":null,"handy":null,"fax":null,"email":"","discriminator":"Komponist"}
]

我得到了一个带有以下HTML标记的jsp文件：

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/repertoireController.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Insert title here</title>
</head>
<body>
<div></div>
<div class="komponist-id"></div>
<div class="komponist-name"></div>
</body>
</html>

不幸的是，它不起作用。当我使用

alert（data.id）

时，它表明它未定义我做错了什么？

问题是您的JSON是一个数组。因此，您只需要获取它的第一个对象，如：

data[0]

，然后获取id/nachname

var数据=[
{“id”：34，“nachname”：“Mozart”，“vorname”：“Wolfgang Amadeus”，“namenspraedikat”：“instrumentId”：0，“geburtsdatum”：“27.01.1756”，“Herkunfsland”：“Salzburg”，“sterbedatum”：“05.12.1791”，“plz”：null，“ort”：null，“straße”：null，“handy”：null，“fax”：null，“email”：“discriminator”：“Komponist”}
];
$（文档）.ready（函数（）{
$（'.komponist id'）.append（数据[0].id）；
$（'.komponist name'）.append（数据[0].nachname）；
});

在此处插入标题
问题在于JSON是一个数组。因此，您只需要获取它的第一个对象，如：data[0]
，然后获取id/nachname

var数据=[
{“id”：34，“nachname”：“Mozart”，“vorname”：“Wolfgang Amadeus”，“namenspraedikat”：“instrumentId”：0，“geburtsdatum”：“27.01.1756”，“Herkunfsland”：“Salzburg”，“sterbedatum”：“05.12.1791”，“plz”：null，“ort”：null，“straße”：null，“handy”：null，“fax”：null，“email”：“discriminator”：“Komponist”}
];
$（文档）.ready（函数（）{
$（'.komponist id'）.append（数据[0].id）；
$（'.komponist name'）.append（数据[0].nachname）；
});

在此处插入标题
该死的，我瞎了。非常感谢，该死的，我是瞎子。非常感谢你
$(document).ready(function() {
    $.ajax({
        url: "myurl"
    }).then(function(data) {
       $('.komponist-id').append(data.id);
       $('.komponist-name').append(data.nachname);
    });
});