使用ajax无法访问本地文件如何解决

这篇文章给大家介绍使用ajax无法访问本地文件如何解决，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

10年积累的成都网站制作、做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有普定免费网站建设让你可以放心的选择与我们合作。

首先说明下js跨域原理和jsonp这个技术（如果说的不详细，可自行百度、谷歌）

src可以跨域请求，但是这个资源不能作为js解析，资源不是js，所以解析json的时候会出错

中间是一个对象，调用fun把这个对象传入进去，

定义的function fun可以看作是请求成功后回调函数

jsonp本质：是通过script标签跨域，来突破跨域限制请求；返回的数据中用一个函数来包装起来

jsonp是用来解决js跨域请求数据的问题，原理：是通过script标签可以跨域请求资源的原理间接的请求数据。

jsonp需要满足3个条件：

1、通过script的src请求资源

2、请求的资源中用回调函数的将数据进行包裹

3、调用方要定义回调函数

下面贴入demo来演示Ajax读取本地文件，ps：在没有服务器的情况下

下面是上面html页面打开效果图（为了说明成功读取本地文件）

贴入上面的test.html代码

/*下面的代码，是之前利用ajax来读取本地json文件的代码，是不能实现的，运行时，可以不贴入下面的代码*/ 
 

关于使用ajax无法访问本地文件如何解决就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。