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

 时间:2024-11-07 09:26:56

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日
  • 冰糖炖柠檬,润喉止咳
  • 映客软件如何发布动态?
  • 热门搜索
    怎么删除回收站 剪报怎么做 如何去掉胎记 如何养牛 不明觉厉是什么意思 梦见死人是什么预兆 乾坤是什么意思 北漂生活 幽门螺旋杆菌阳性是什么意思 打工巫师生活录