ajax请求本地json文件出现跨域问题

开发的时候,会经常使用一些假数据,这个时候我们就会在本地进行ajax请求（开发工具使用vscode，如果是webstrom则不会有这个问题）,来获取数据,例如ajax本地请求json文件，但是在请求的时候会遇到跨域问题：

建议使用火狐浏览器,因为谷歌浏览器是不允许跨域请求的,因为不安全,但是我们现实中,很多地方是必须要用到跨域请求，谷歌浏览器严格遵循,但是火狐浏览器考虑到现实因素,就可以使用跨域,但是需要进行一些设置.

1、在Firefox的地址栏输入“about:config”，回车

2、在过滤器（filter）中搜索“security.fileuri.strict_origin_policy”(第一次会出现安全协议,点击确认即可)

3、双击security.fileuri.strict_origin_policy设置为false

4、关闭目前开启的所有Firefox窗口，然后重新启动Firefox,这个时候就可以了.

虽然会报格式不佳的错误，但是数据还是请求出来滴！

使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据是设置错误造成的，解决方法为：

1、创建基本的文件结构json_ajax.html和json_ajax.php,下载jquery.js。

2、如图分别编写json_ajax.html和json_ajax.php文件的编码。

3、分别在w(l)amp环境下运行json_ajax.html和json_ajax.php。

4、经过源码和运行结果的分析，知道了在json_ajax.html中设置了按钮的点击事件,点击按钮。

注意事项：

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE6.0+、FF1.5+、Safari2.0+、Opera9.0+等。

使用jquerygetJson进行跨域读取数据

实际getJson式根本原理ajax使用jsonp式

jquery用getJson调用获取远程数据并通json格式返函数原型：

jQuery.getJSON(url,data,success(data,status,xhr))

参数 描述

url 必需规定请求发送哪 URL

data 选规定连同请求发送服务器数据

success(data,status,xhr)

选规定请求功运行函数

额外参数：

response - 包含自请求结数据

status - 包含请求状态

xhr - 包含 XMLHttpRequest 象

该函数简写ajax函数实际等价于：

$.ajax({

url: url,

data: data,

success: callback,

dataType: json

})

言归传面我看何使用getJson跨域获取数据

html页面示例代码：

$.getJSON("xxx?",

function (data) {

alert(data)

}

)

执行原理：

发送请求需要传callback调函数名服务器端服务器端拿调函数名再返数据用参数形式反客户端客户端能够调

---