使用ajax获取本地json跨域问题

Posted 嘴巴嘟嘟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用ajax获取本地json跨域问题相关的知识,希望对你有一定的参考价值。

导读

学习前端的时候我们有时候需要模拟后端接口来展示数据,但是对于初学者来说,可能不会后端写接口提供给前端,这样我们可以使用json文件来模仿后端传来的数据,这样使用html中访问这个文件里面的数据的时候,我们可以使用jquery来发送请求,获取数据并展示。

首先我们来看一下json数据,请求返回数据dataJson
在这里插入图片描述
数据存储完毕之后,这样我们再看看jq的使用
当我们请求数据的时候,浏览器会立即执行dataJson 这个函数
注意:服务端要在返回的数据外层包裹一个客户端已经定义好的函数

在这里插入图片描述

在这里插入图片描述
即可获得数据

以上是关于使用ajax获取本地json跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

没有json-data的ajax跨域请求

AJAX 跨域请求 - JSONP获取JSON数据

AJAX 跨域请求 - JSONP获取JSON数据

ajax获取json数据及实现跨域请求

AJAX 跨域请求 - JSONP获取JSON数据

AJAX跨域请求JSONP获取JSON数据的实例代码