Jquery 解析应用程序调用时缺少访问控制允许原始标头_Jquery_Ajax_Parse Platform

Jquery 解析应用程序调用时缺少访问控制允许原始标头

jquery ajax parse-platform

Jquery 解析应用程序调用时缺少访问控制允许原始标头,jquery,ajax,parse-platform,Jquery,Ajax,Parse Platform,我正在制作一个web应用程序，需要下载许多JSON文件，并每隔一段时间（可能一个月）将它们存储在localStorage中。我正在使用Parse.com作为后端服务。我在Parse上托管了JSON 我的代码是： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="h

我正在制作一个web应用程序，需要下载许多JSON文件，并每隔一段时间（可能一个月）将它们存储在localStorage中。我正在使用Parse.com作为后端服务。我在Parse上托管了JSON

我的代码是：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.18.min.js"></script>

<script type="text/javascript">
    Parse.initialize("MY_APP_KEY", "MY_JS_KEY");
</script>

    <script>
        $.getJSON( "http://myappname.parseapp.com/1111.json", function( data ) {
            var items = [];
            $.each( data, function( key, val ) {
                items.push( "<li id='" + key + "'>" + val + "</li>" );
            });

            $( "<ul/>", {
                "class": "my-new-list",
                html: items.join( "" )
            }).appendTo( "body" );
        });
    </script>

</head>
<body>

</body>
</html>


初始化（“我的应用程序密钥”、“我的JS密钥”）；
$.getJSON（“http://myappname.parseapp.com/1111.json，函数（数据）{
var项目=[]；
$。每个（数据、函数（键、值）{
items.push（“”+val+“”）；
});
$（“”{
“类”：“我的新列表”，
html:items.join（“”）
}).附于（“主体”）；
});

我得到以下错误：

跨原点请求被阻止：缺少访问控制允许原点标头

但当我在浏览器中打开它时，它打开得很好

为什么不起作用？有什么可能的解决办法吗

谢谢。

否则，您可以将

回调=？

添加到您正在使用的url，如下所示，该url将获得

jsonp

类型的数据：

$.getJSON( "http://myappname.parseapp.com/1111.json?callback=?", function( data ) {
        var items = [];
        $.each( data, function( key, val ) {
            items.push( "<li id='" + key + "'>" + val + "</li>" );
        });

        $( "<ul/>", {
            "class": "my-new-list",
            html: items.join( "" )
        }).appendTo( "body" );
});

$.getJSON（“http://myappname.parseapp.com/1111.json?callback=?，函数（数据）{
var项目=[]；
$。每个（数据、函数（键、值）{
items.push（“”+val+“”）；
});
$（“”{
“类”：“我的新列表”，
html:items.join（“”）
}).附于（“主体”）；
});

更新

$.ajax({
    url:'http://myappname.parseapp.com/1111.json',
    dataType:'jsonp',
    crossDomain:true,
    success:function( data ) {
        var items = [];
        $.each( data, function( key, val ) {
            items.push( "<li id='" + key + "'>" + val + "</li>" );
        });

        $( "<ul/>", {
            "class": "my-new-list",
            html: items.join( "" )
        }).appendTo( "body" );
    },
    error:function(jqXHR,responseText,status){
     console.log(jqXHR);
    }
});

$.ajax({
网址：'http://myappname.parseapp.com/1111.json',
数据类型：'jsonp'，
跨域：是的，
成功：功能（数据）{
var项目=[]；
$。每个（数据、函数（键、值）{
items.push（“”+val+“”）；
});
$（“”{
“类”：“我的新列表”，
html:items.join（“”）
}).附于（“主体”）；
},
错误：函数（jqXHR、responseText、状态）{
console.log（jqXHR）；
}
});

这就是在

ajax

中执行此操作的方式。如果您面临任何问题，请检查

控制台

，因为它将被

记录

如何使用

$.ajax

控制

返回类型

和

跨域

问题？您能为我写一个吗？我以前从未使用过AJAX：/@AkshayArora更新了我的答案！！检查并让我知道！！我发现这个错误

丢失了；我的1111.json文件中的before语句

。但是我在jsonlint.com上检查了这个url，它说有效的url实际上现在问题出现在你的

json

文件中，但我甚至得到了有效的

json

，现在如果你看到

json

文件就被检索到了