Javascript 从外部URL获取JSON数据并将其显示在div中，但不起作用

获取错误消息“XMLHttpRequest无法加载。请求的资源上不存在“Access Control Allow Origin”标头。因此不允许对源“”进行访问”

以下是plunker链接：

$.ajax({
键入：“获取”，
url:“http://api.vateud.net/notams/warj.json",
processData：对，
数据：{}，
数据类型：“json”，
错误：函数（）{alert（“error”）；}，
成功：功能（数据）{
$。每个（数据、功能（i、项）{
$（“”）.html（item.raw）.appendTo（“.div”）；
});
}
});

错误是因为CORS，即跨原产地请求，您会得到错误：

XMLHttpRequest cannot load http://api.vateud.net/notams/warj.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

阅读更多关于CORS的信息

在您的系统上运行下面的代码示例，您将在控制台中看到任何其他错误

$.ajax({
键入：“获取”，
url:“http://api.vateud.net/notams/warj.json",
processData：对，
数据：{}，
数据类型：“json”，
错误：函数（e）{
控制台日志（e）；
},
成功：功能（数据）{
$。每个（数据、功能（i、项）{
$（“.div”）.append（“”+item.raw+”
”）；
});
}
});

我认为您的选择器错了。使用

$（“p”）.html（item.raw）.appendTo（“.div”）我认为ajax有问题。您可以在中尝试使用XMLHttpRequestjavascript@Saik3037-
$.ajax
是XMLHttpRequest的包装器。“会有一条错误消息”-您在没有告诉我们错误消息的情况下说了半打。有没有办法获取url的值？？如果您可以提供示例代码作为解决方法？@januarsy唯一的解决方法是使用JSONP，或者如果您拥有api域-您可以传递访问控制allow origin头文件。@januarsy实际上您可以向PHP服务器发送请求，然后对api进行卷曲以获得响应并将其返回到页面。。
XMLHttpRequest cannot load http://api.vateud.net/notams/warj.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.