个人中心
gpt4 book ai didi

javascript - 无法将 Web 服务器的 JSON 结果写入 html

转载 作者：行者123 更新时间：2023-11-28 17:47:45 24 4
gpt4 key购买 nike

因此，我从 Web 服务(使用 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>

我想将 JSON 对象中的“nachname”和“id”添加到具有以下类的 div:komponist-id 和 komponist-name

我尝试了以下来自 springIo 指南 https://spring.io/guides/gs/consuming-rest-jquery/ 的内容

$(document).ready(function() {
    $.ajax({
        url: "myurl"
    }).then(function(data) {
       $('.komponist-id').append(data.id);
       $('.komponist-name').append(data.nachname);
    });
});

不幸的是，它不起作用。当我使用 alert(data.id) 时，它显示它未定义，我做错了什么？

最佳答案

问题是你的 JSON 是一个数组。因此，您只需要获取它的第一个对象，例如:data[0]，然后获取 id/nachname。

var data = [
{"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"}
];

$(document).ready(function() {
       $('.komponist-id').append(data[0].id);
       $('.komponist-name').append(data[0].nachname);
});
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.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>

关于javascript - 无法将 Web 服务器的 JSON 结果写入 html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46301737/

24 4 0
文章推荐： javascript - 如何访问 div 内的跨度以删除样式？
文章推荐： objective-c - 使用 .zip 扩展名在 Mobile Safari 中从 url 打开应用程序失败
文章推荐： ios - UIImageView 图像未显示在 iPad 模拟器上
文章推荐： javascript - 覆盖console.log以格式化数字
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com