javascript - 从另一个域（跨站点）在 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>

而我每次都得到的是-

在铬 -

Uncaught SyntaxError: Unexpected token :

在火狐中-

语法错误：缺少；在声明“firstName”之前：“John”，

我已经尝试了很多次并且到处寻找它的解决方案。

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

谁能帮帮我吗？

提前感谢您的帮助。