文章/答案/技术大牛

发布

社区首页 >问答首页 >我正确地使用了jquery getJSON吗？在Go爹地的页面上什么也没有出现

问我正确地使用了jquery getJSON吗？在Go爹地的页面上什么也没有出现
EN

Stack Overflow用户

提问于 2013-12-30 10:50:56

回答 1查看 326关注 0票数 0

我有一个json文件和一个使用jQuery1.10 getJSON的索引文件，我试图从json文件中获取数据以显示。我已经可以在本地主机上使用它了，但是当我将索引文件移动到子域mbsk8.zerogravity-web.com，将JSON文件移动到基本域www.zerogravity-web.com，时，应该更新的页面部分为空。这使我相信这是一个跨域请求问题。

也没有向console.log添加任何值。

下面是我尝试处理跨域请求的内容：

在URL末尾添加了"?callback=?"
在JSON对象周围添加了一个名称：jsonResponse(JSON格式化对象)

我的godaddy帐户上的文件夹结构是：

json文件： /LloydIce/json/skschedule.json

索引文件： /LloydIce/m/index.html (m)是移动的子域，使用jquery

index.html代码

jquery的头部分

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>

头中的脚本部分

$(document).on('pagebeforeshow','#OpenSkate',function() {
$('#publicHolder').empty();
    $.getJSON('http://www.zerogravity-web.com/LloydIce/json/skschedule.json?callback=?',function(data)
{
  $.each(data, function(index, data){

    var collapsible = $('<div data-role="collapsible"></div>');
    console.log(this.day);
    collapsible.append('<h2>' + this.day + '</h2>');


      $.each(data.activities, function(index, data){
        if(this.type === "Public"){
        console.log(this.notes + ", " + this.activity);
        collapsible.append('<p><strong>' + this.activity + '</strong></p>');


        $.each(data.times, function(index, data){
          collapsible.append('<p><strong>Start:</strong> ' + this.start + ', <strong>End:</strong> ' + this.end + '</p></div>');

                    });
                    }
                });
            var collapsibleSet = $("#publicHolder");
            collapsibleSet.append(collapsible);
            collapsibleSet.trigger('create');
            });

        }); 
    });

JSON文件的代码：

jsonResults(
[
    {
    "day": "Monday",
    "activities": [
        {
            "type": "Class",
            "notes": "Ages 3-5",
            "activity": "Snowbunnies 1 ",
            "times": [
                {"start":"6:00 PM","end":"6:45 PM"}
            ]
        },
        {
            "type": "Public",
            "notes": "N/A",
            "activity": "Open Skate ",
            "times": [
                {"start":"11:30 AM","end":"5:00 PM"},
                {"start":"7:30 PM","end":"9:30 PM"}
            ]
        }
    ]
}
]
);

铬开发工具网络-标头标签

   Request URL:http://www.zerogravity-web.com/LloydIce/json/skschedule.json?callback=jQuery110206146174017339945_1388711470249&_=1388711470252
Request Method:GET
Status Code:200 OK
Request Headersview source
Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Cookie:__utma=183972909.883508564.1382898602.1388360907.1388663932.3; __utmz=183972909.1382898602.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none)
Host:www.zerogravity-web.com
Referer:http://mbsk8.zerogravity-web.com/
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36
Query String Parametersview sourceview URL encoded
callback:jQuery110206146174017339945_1388711470249
_:1388711470252
Response Headersview source
Accept-Ranges:bytes
Access-Control-Allow-Origin:http://mbsk8.zerogravity-web.com
Access-Control-Allow-Origin:http://mbsk8.zerogravity-web.com
Connection:Keep-Alive
Content-Length:563
Content-Type:application/json
Date:Fri, 03 Jan 2014 01:48:53 GMT
ETag:"233-4ef071c1e30e4"
Keep-Alive:timeout=5, max=100
Last-Modified:Fri, 03 Jan 2014 01:48:42 GMT
Server:Apache

Chrome工具网络预览和响应选项卡：

jsonResults(
[
    {
        "day": "Monday",
        "activities": [
            {
                "type": "Class",
                "notes": "Ages 3-5",
                "activity": "Snowbunnies 1 ",
                "times": [
                    {"start":"6:00 PM","end":"6:45 PM"}
                ]
            },
            {
                "type": "Public",
                "notes": "N/A",
                "activity": "Open Skate ",
                "times": [
                    {"start":"11:30 AM","end":"5:00 PM"},
                    {"start":"7:30 PM","end":"9:30 PM"}
                ]
            }
        ]
    }
]
);

Chrome工具控制台

Uncaught ReferenceError: jsonResults is not defined skschedule.json?callback=jQuery110206146174017339945_1388711470249&_=1388711470252:1
(anonymous function)

--如果我从JSON文件中删除jsonResults，网络预览选项卡中的信息看起来像下面的

[{day:Monday,...}]
    0: {day:Monday,…}
activities: [{type:Class, notes:Ages 3-5, activity:Snowbunnies 1 , times:[{start:6:00 PM, end:6:45 PM}]},…]
0: {type:Class, notes:Ages 3-5, activity:Snowbunnies 1 , times:[{start:6:00 PM, end:6:45 PM}]}
activity: "Snowbunnies 1 "
notes: "Ages 3-5"
times: [{start:6:00 PM, end:6:45 PM}]
0: {start:6:00 PM, end:6:45 PM}
end: "6:45 PM"
start: "6:00 PM"
type: "Class"
1: {type:Public, notes:N/A, activity:Open Skate ,…}
activity: "Open Skate "
notes: "N/A"
times: [{start:11:30 AM, end:5:00 PM}, {start:7:30 PM, end:9:30 PM}]
0: {start:11:30 AM, end:5:00 PM}
end: "5:00 PM"
start: "11:30 AM"
1: {start:7:30 PM, end:9:30 PM}
end: "9:30 PM"
start: "7:30 PM"
type: "Public"
day: "Monday"

在这之后，我仍然没有得到结果出现在我的网页上。

jquery-mobile

cross-domain

jsonp

javascript

jquery

回答 1

Stack Overflow用户

发布于 2014-01-03 02:52:38

由于添加了jsonResults来包装json数据，这就变成了jsonp请求，而不再是ajax请求了。请谷歌“ajax和jsonp之间的区别”。

jQuery.ajax({
    url : your url,
    dataType : 'jsonp',
    jsonpCallback : 'jsonResults',
    ......
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20838018

复制

相似问题

问我正确地使用了jquery getJSON吗？在Go爹地的页面上什么也没有出现
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我正确地使用了jquery getJSON吗？在Go爹地的页面上什么也没有出现EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我正确地使用了jquery getJSON吗？在Go爹地的页面上什么也没有出现
EN