Возьмите JSON-ответ и поместите его в HTML-таблицы.

Question

Возьмите JSON-ответ и поместите его в HTML-таблицы.

РЕДАКТИРОВАТЬ

Использование программы под названием Почтальон который я использовал, чтобы получить первую часть кода ниже, бит curl:

<?php

$curl = curl_init();

curl_setopt_array($curl, array(
CURLOPT_URL => "https://api.extensopro.com/machines/list? customerid=????&apikey=??????????????????????????????????????",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "GET",
CURLOPT_HTTPHEADER => array(
"authorization: AWS4-HMAC-SHA256 Credential=/20170322/us-east-1/execute-api/aws4_request, SignedHeaders=content-type;host;x-amz-date, Signature=38e3277546829fd58be65805df8832c51b6a865c9df7279e80c408bd3116587d",
"cache-control: no-cache",
"content-type: application/x-www-form-urlencoded",
"postman-token: 4aafd978-bda3-88ef-0db2-326b91880549",
"x-amz-date: 20170322T095504Z"),
));

$response = curl_exec($curl);
$err = curl_error($curl);

curl_close($curl);
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<table border="1" cellpadding="8" cellspacing="0" id="cteTable">
<tr>
<th>ID</th>
<th>MANUFACTURER</th>
<th>YEAR</th>
</tr>
</table>
<script type="text/javascript">

$(document).ready(function () {
$.getJSON(url,
function (json) {
var tr;
for (var i = 0; i < json.length; i++) {
tr = $('<tr/>');
tr.append("<td>" + json[i].ID + "</td>");
tr.append("<td>" + json[i].MANUFACTURER + "</td>");
tr.append("<td>" + json[i].YEAR + "</td>");
$('table').append(tr);
}
});
});
$('#cteTable').append(tr)
</script>
</body>
</body>
</html>

Я знаю, что это неправильно, но у меня нет никаких знаний о кодировании, приведенный выше код частично сообщение а также из этого сообщение

Ответ почтальона показывает около 40 заголовков. Нужно ли, чтобы все работало в коде выше, чтобы это работало, или только те, которые я хочу?

Ниже вывод от:

if ($err) {
echo "cURL Error #:" . $err;
} else {
echo $response;
}{"DATA":[{"UNITS":8,"CONDITION":{"NAME":"","VALUE":""},"UNITTYPE":"Stations","IMPRESSIONS":205000000,"MANUFACTURER":"Heidelberg","MODEL":"SM 102","HASREFERENCE":true,"HASSIZE":1,"YEAR":1994,"REFERENCE":"8187","URL":"/Machines/Heidelberg/44715-50082/Heidelberg-SM-102-8.html","SIZE":{"HEIGHT":1020,"HASWIDTH":1,"WIDTH":720,"NAME":"720x","HASHEIGHT":1},"HASIMAGE":1,"STATUSES":[{"NAME":"In Production","ID":8}],"CATEGORY":"Press","IMAGE":{"ONERROR":"failover(this, { imagegeneratorid: '219610_60', onerror1 : 'https://s3-eu-west-1.amazonaws.com/presscity-thumbnails/18/60/x60_heidelberg-sm102-219610.jpg', onerror2: 'http://pdf.presscity.com/localStorage_s3.cfm?orgFile=18_6535fb358939919cb4a37ac9f013b895.jpg&filename=x60_Heidelberg-SM102-219610.jpg&size=60&host=api.extensopro.com&nPictureNo=219610&nMachineNo=44715'});","ID":219610,"SRC":"http://cdn.presscity.com/18/60/x60_heidelberg-sm102-219610.jpg"},"SPECIFICATIONWEBSITE":"","SUBCATEGORY":"Sheetfed","NAME":"Heidelberg SM 102 8","ID":44715,"AVAILABLILITY":"","HASYEAR":1,"HASPRICE":0,"SPECIFICATION":"Straight Machine No Perfecting\r\nStream Feeder, CPC 1-03, CP Tronic, Autoplate, Alcolor damping, Auto Ink roller wash, \r\nAuto Blanket Wash, Non-stop feeder & delivery, Preset Feeder, Diagonal Register, Powder Spray, \r\n"}],"INFO":{"RECORDCOUNT":1}}

Итак, я знаю, что выходные данные с сервера работают, как мне теперь разобрать эти выходные данные и поместить их в таблицу на моей странице, и, как уже было сказано выше, мне нужно использовать все поля, которые выводятся, или только те, которые я хочу?

-1

api aws-api-gateway json php

Решение

Другие решения

попробуйте этот jquery datatables https://datatables.net/

0

Источник

Accepted Answer

HTML-страница и Javascript, который вы используете для заполнения таблицы из тела страницы, должны быть частью одной HTML-страницы. Не понятно из того, что вы разместили, если это так. Попробуйте заменить ваш <script>...</script>
код в вашем файле PHP с тем, что у меня есть ниже.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<table id="cteTable">
<tr>
<th>Account Name</th>
<th>Advisor</th>
<th>Links</th>
</tr>
</table>
<script type="text/javascript">

$(document).ready(function () {
$.getJSON(url,
function (json) {
var tr;
for (var i = 0; i < json.length; i++) {
tr = $('<tr/>');
tr.append("<td>" + json[i].User_Name + "</td>");
tr.append("<td>" + json[i].score + "</td>");
tr.append("<td>" + json[i].team + "</td>");
$('table').append(tr);
}
});
});
$('#cteTable').append(tr)
</script>
</body>
</html>

0