ajax跨域调用json文件

在web开发中，ajax技术可以帮助我们实现页面数据的异步加载和无刷新更新。在一些情况下，我们需要在一个域名的页面中调用另一个域名下的数据，这就需要用到ajax跨域调用。

在跨域调用中，我们通常会使用json格式的数据。首先，我们需要在对方域名下创建一个json文件，此处以example.com下的data.json为例：

{
    "name": "小明","age": 18,"city": "北京"
}

接下来，我们在本地的js文件中，使用ajax技术进行跨域调用：

$.ajax({
    type: "GET",url: "http://example.com/data.json",dataType: "jsonp",jsonp: "callback",success: function(data) {
        console.log(data.name);
        console.log(data.age);
        console.log(data.city);
    }
});

在本例中，我们使用了jQuery的ajax方法。需要注意的是，我们将dataType设置为"jsonp"，这是因为json格式的数据在跨域调用时，需要使用jsonp方法。同时，我们还需要设置jsonp属性，并指定一个回调函数的名称，这个名称在对方域名返回数据时会用到。

最后，在成功获取数据之后，我们可以在控制台输出json文件中的数据。