Ich schreibe diese Frage, weil ich diese Seite habe, die ich machen muss, und mein einziges Problem ist das JSON. Ich habe diese URL mit dem JSON, aber wenn ich versuche, mit dem Link zu arbeiten, gibt es mir einen Fehler, den Sie weiter unten in meiner Frage sehen können, aber wenn ich alle Daten von der URL nehme, stelle ich es in einen VAR Ich werde keinen Fehler bekommen und ich werde Daten sehen, aber das ist nicht, was passieren soll.Warum kann ich meine JSON-Daten nicht in meiner Tabelle sehen?
Ich habe dieses Problem mit meinem JSON, einige, wie ich meine Daten auf meiner HTML-Seite nicht sehen kann, und ich kann das Problem nicht finden.
hier haben Sie meine HTML-Seite:
<script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="js/jquery-3,2,1.js" type="text/javascript"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
<table id="product_table" class="table table-responsive table-sm">
<thead>
<tr>
<th>Product</th>
<th>Photo</th>
<th>Sizes</th>
<th>Price</th>
<th>Old Price</th>
<th>Delivery</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<script src="js/bootstrap.js"></script>
<script src="js/npm.js"></script>
</div>
</body>
</html>
und hier haben Sie meine 2 Skripte ich die erste ausprobiert ich versuche, die JSON von einer URL die zweite i lokal die JSON nach unten heruntergeladen auszukommen mein pc
<!-- <script>
var productJSON = "https://www.unisport.dk/api/sample/";
$.getJSON(productJSON, function(data) {
$.each(data.products, function(i,f){
var tblRow ="<tr>" + "<td>" + f.name + "</td>" + "<td>" + "<img class='img-responsive' alt='photo of product' src='" + f.image + "'>" + "</td>" + "<td>" + f.sizes + "</td>" + "<td>" + f.price + " " + f.currency + "</td>" + "<td>" + "<s>" + f.price_old + " " + f.currency + "</s>" + "</td>" + "<td>" + f.delivery + "</td>" + "</tr>"
$(tblRow).appendTo("#products tbody");
});
});
</script> -->
<script>
$(document).ready(function(){
$.getJSON("unisport.json", function(data){
var product_data = '';
$.each(data, function(key, value){
product_data += '<tr>';
product_data += '<td>'+value.name+'</td>';
product_data += '<td><img scr="'+value.image+'"></td>';
product_data += '<td>'+value.sizes+'</td>';
product_data += '<td>'+value.price+' '+value.currency+'</td>';
product_data += '<td>'+value.price_old+' '+value.currency+'</td>';
product_data += '</tr>';
});
$('#product_table').append(product_data);
});
});
</script>
, wie die Daten-Setup hat: die alle JSON-Daten ist über folgende uRL: https://www.unisport.dk/api/sample/
{"is_customizable": "0",
"delivery": "1-2 dage",
"kids": "0",
"name": "adidas Tr\u00e6ningsbukser Z.N.E. Road Trip - Gr\u00e5",
"sizes": "XX-Large",
"kid_adult": "0",
"free_porto": "0",
"image": "https://d2ij1pxeion66i.cloudfront.net/product/157128/010c01d20cac.jpg",
"package": "0",
"price": "399,00",
"url": "https://www.unisport.dk/fodboldudstyr/adidas-trningsbukser-zne-road-trip-gra/157128/",
"online": "1",
"price_old": "799,00",
"currency": "DKK",
"img_url": "https://s3-eu-west-1.amazonaws.com/product-img/157128_maxi_0.jpg",
"id": "157128",
"women": "0"},
Dies ist meine Fehlermeldung in meiner Konsole: XMLHttpRequest cannot load
Jetzt ist meine Frage wie funktioniert i das Problem zu beheben, wenn es einen gibt oder was ich nicht verpassen, um es zum Laufen zu bringen, auch würde ich wirklich wie zu erhalten die Daten der URL-Trog wie im ersten Skript
gezeigt (auch nur ich in diesem Projekt verwenden jQuery, Bootstrap und HTML.)
EDIT Problem behoben, da ich dieses Projekt mache lokal auf meinem pc musste ich einen lokalen server starten, den ich vergessen habe ich ungefähr. Also, wenn jemand anderes einige Probleme haben, wie mir SICHER SEIN doppeltzukontrollieren, dass Sie einen lokalen Server für das Projekt laufen haben
Geben Sie bitte JS-Code verwendet. – EyuelDK
'und hier hast du meine 2 Scripts, die ich ausprobiert habe '- schau nochmal, da ist nichts" hier "- bevor du irgendwas machst, hast du die Browser ** Developer ** tools Konsole auf Fehler überprüft? (F12, um es zu bringen) –
@JaromandaX sry über das irgendwie es geschrieben, bevor ich fertig war, den Beitrag zu machen, aber ich habe vergessen alles über die Suche nach Fehlern in meiner Konsole, aber ich kann sehen, ich bekomme einen Fehler "XMLHttpRequest kann nicht geladen werden" – YoJuns