在过去的两个小时里,我一直把自己逼疯了,试图为我遇到的问题找到答案。我试图访问一个名为,数据.json,我把它放在我的项目目录中。我的控制台返回此错误:
跨源请求仅支持协议方案:http、data、chrome、chrome扩展、https、chrome扩展资源。在
我现在知道我不能在本地访问这个文件,我必须通过一个外部服务器。如何使用此文件设置本地服务器?有人能解释一下如何使用python、json服务器和node js来实现它吗?我完全迷路了。在
这是我的代码:$(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('
Name: ' + order.name + ', Drink: ' + order.drink + '');});
},
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('
Name: ' + newOrder.name + ', Drink: ' + newOrder.drink + '');},
error: function () {
alert("error saving order");
}
});
});
});