Ich habe mich in den letzten zwei Stunden verrückt gemacht, um eine Antwort auf das Problem zu finden, dem ich begegne. Ich habe versucht, auf eine lokale JSON-Datei namens data.json zuzugreifen, die ich in mein Projektverzeichnis gelegt habe. Meine Konsole hat diesen Fehler zurückgegeben:Wie setze ich JSON-Datei auf einem lokalen Server?
Cross-Ursprungsanforderungen werden nur für Protokollschemata unterstützt: http, Daten, Chrom, Chrome-Erweiterung, https, Chrome-Erweiterung-Ressource.
Ich weiß jetzt, dass ich nicht lokal auf diese Datei zugreifen kann und ich muss dies über einen externen Server tun. Wie richtet jemand einen lokalen Server mit dieser Datei ein? Kann jemand bitte erklären, wie man es mit Python, JSON-Server und Knoten, js, macht? Ich bin völlig verloren.
Hier ist mein Code:
$(function(){
var $orders = $("#orders");
var $name = $('#name');
var $drink = $('#drink');
$.ajax({
type: 'GET',
datatype: 'json',
url: 'data.json',
success: function(orders) {
$.each(orders, function(i, order) {
$orders.append('<li>Name: ' + order.name + ', Drink: ' + order.drink + '</li>');
});
},
error: function() {
alert('error loading orders');
}
});
$('#add-order').on('click', function() {
var order = {
name: $name.val(),
drink: $drink.val()
};
$.ajax({
type: 'POST',
url: 'data.json',
data: order,
success: function(newOrder) {
$orders.append('<li>Name: ' + newOrder.name + ', Drink: ' + newOrder.drink + '</li>');
},
error: function() {
alert("error saving order");
}
});
});
});