【发布时间】：2020-09-02 10:13:55
【问题描述】：
大家好，我是编程新手。我想在 HTML 表 jquery 中显示 json 数据。我从服务器收到的输出是：未定义。我想在页面上显示带有事件的表格。事件列表将在 json 文件中不断更新。
HTML
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="table-responsive">
<table class="table table-bordered table-stripped" id="events_table">
<tr>
<th>Title</th>
<th>Venue</th>
<th>Date</th>
<th>Description</th>
<th>URL</th>
</tr>
</table>
</div>
</div>
</body>
jQuery
<script>
$(document).ready(function(){
$.getJSON("events.json", function(data){
var events_data = '';
$.each(data, function(key, value){
events_data += '<tr>';
events_data += '<td>'+value.title+'</td>';
events_data += '<td>'+value.venue+'</td>';
events_data += '<td>'+value.start_date+'</td>';
events_data += '<td>'+value.html_description+'</td>';
events_data += '<td>'+value.sharing_url+'</td>';
events_data += '<tr>';
});
$('#events_table').append(events_data);
});
});
示例 json
{
"events": [
{
"id": 40818,
"title": "Customer Service",
"venue": "online",
"location": null,
"contact_email": "demo@demo.com",
"contact_phone_number": "002",
"public": true,
"created_at": "2020-09-02T06:52:05Z",
"start_date": "2020-09-15T00:00:00Z",
"end_date": "2020-09-15T01:00:00Z",
"html_description": "<h3><span style=\"background-color:null;\">Customer Service can always be a bit of a mine-field and something that is all too often an afterthought for some businesses. </span></h3>\r\n\r\n<p>This should not be the case! Serving your customers better and putting them at the heart of your business model is key to your success. Join me.</p>\r\n",
"attendees_count": 1,
"status": "published",
"categories": [
"webinar"
],
"sharing_url": "https://google.com"
},
}
【问题讨论】：
-
如果“您从服务器收到的输出是：未定义”，您需要弄清楚该端点和/或服务器出了什么问题。
-
@goto 不是，OP 正在循环响应的错误“字段”
标签： javascript html jquery json