从另一个域（跨站点）在jQuery中使用CORS查找JSON值

Question

我是jQuery的新手。但我发现它可以很容易地与任何Javascript函数一起使用。

我想要的是实现 -

  

http://www.w3schools.com/jquery/demo_ajax_json.js

这个或这个

  

https://www.googleapis.com/calendar/v3/calendars/mnjusq8qt3kh847kge772s9fmk%40group.calendar.google.com/events?singleEvents=true&key=AIzaSyD28KypP-wTD-AKZVECKL0WsxoXhJiYbys

在 jquery 的帮助下，使用Javascript在我的页面中使用地址的JSON数据。

页面内容是简单的JSON数据 -

{ 
  "firstName": "John",
  "lastName": "Doe",
  "age": 25
}

我在jQuery中所做的是 -

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script>
    $(document).ready(function ()
    {
        $.ajax(
        {
            type: 'GET',
            url: 'http://www.w3schools.com/jquery/demo_ajax_json.js',
            dataType: 'jsonp',
            success: function (data)
            {
                console.log(data);
                $.each(data, function(index, element)
                {
                    console.log(index + element);
                });
            },
            error:function(e)
            {
                console.log(e.message);
            }
        });
    });
</script>

每次我得到的是 -

  

在Chrome中 -

     

    

Uncaught SyntaxError：意外的令牌：

  

     

在Firefox中 -

     

    

SyntaxError：missing;在声明“firstName”之前：“John”，

  

我已经尝试了很多次并且随处可见其解决方案。

但我无法得到适当的解决方案。

有人可以帮助我吗？

提前感谢您的帮助。