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日
  • 冰糖炖柠檬,润喉止咳
  • 映客软件如何发布动态?
  • 热门搜索
    乐六旅游 辽宁丹东旅游 厦门市工商旅游学校 中国旅游资讯 黄龙旅游集散中心 旅游卫视国学堂 恒山旅游 乌镇旅游攻略一日游 北戴河旅游景点大全 上海市商贸旅游