Ajax跨域请求本地json出现跨域的问题

 时间:2026-02-12 14:09:38

1、举例说明:http://www.wayen.top/index.html 这个网址

协议是http://


域名是www.wayen.top
端口是80(默认端口可以省略)

(例子如下图解析)

同源政策的目的,是为了保证用户信息的安全,防止恶意的网站窃取数据。

Ajax跨域请求本地json出现跨域的问题

2、那什么是跨域呢?

ajax请求一个目标地址为非本域(协议,域名,端口任意一个不同)的web资源,就是跨域。

谷歌浏览器出现跨域问题,会报错,数据不会在控制台打印出来

Ajax跨域请求本地json出现跨域的问题

3、然后我用了火狐浏览器,虽然也有警告提示,但是我的json数据是能被获取的

火狐为了方便是允许跨域的(虽然这样很不安全)

Ajax跨域请求本地json出现跨域的问题

4、现在的问题就很明显了,谷歌浏览器不允许跨域访问,我找到几个解决的办法

Ajax跨域请求本地json出现跨域的问题

5、上一步骤的第二种和第三种就不说了,现在讲讲第一种

使用JSONP方法跨域

它的基本思想是,网页通过添加一个《script》元素,向服务器请求JSON数据,这种做法不受同源政策限制;服务器收到请求后,将数据放在一个指定名字的回调函数里传回来。

首先,网页动态插入《script》元素,由它向跨源网址发出请求

客户端方法:

Ajax跨域请求本地json出现跨域的问题

6、jQuery 方法:

Ajax跨域请求本地json出现跨域的问题

  • 光明勇士副本攻略
  • 早起运动真的好吗?
  • 天天象棋残局挑战第228期怎么破,5月10日
  • 冰糖炖柠檬,润喉止咳
  • 映客软件如何发布动态?
  • 热门搜索
    热爱生命手抄报资料 有关于元宵节的手抄报 备战期中手抄报 消防安全手抄报模板 初二历史手抄报 元宵节手抄报英语版 冬天手抄报 关于森林防火的手抄报 手抄报花边简单 英语手抄报版面设计图