资讯专栏INFORMATION COLUMN

请求数据

Jingbin_ / 373人阅读

摘要:看了一些相关的视频后,想自己尝试着用请求数据,自己写了一个简单的前台请求数据,后台返回数据的代码。所以跨域只在浏览器才会有的问题。

看了一些相关的视频后,想自己尝试着用angular.js 请求数据,自己写了一个简单的前台请求数据,后台php返回数据的代码。

前台的代码是这样的:

向data.php发送一个get请求,成功则打印数据,失败则打印失败.

data.php:

简单的代码,执行时却出错了

去搜了一下,是因为不允许跨域请求数据,需要在被请求的文件上添加跨域许可
在data.php 的头部添加了 header("Access-Control-Allow-Origin: *"); 表示允许所有跨域请求,数据就成功请求到了

去网上看时,还有一种跨域的方式,叫jsonp,他是根据用标签来请求数据,用标签不会受到浏览器的限制

先定义一个回调函数,用来把请求的数据打印
请求的data2.php是这样写的:

在浏览器请求这个数据后,他会把callBack("phpData")加载进来,就会调用前面定义的函数

但是在以前用后台做数据请求时,并没有遇到跨域的问题.
把实例1的允许跨域的头删掉,出现报错:

但是查看网络的资源请求,发现数据确实是获取到了


说明服务器接受到了请求并也返回数据了,那为什么还会出错?

去搜了一下,这是浏览器的同源策略,他的目的是为了保证用户信息的安全,防止恶意的网站窃取数据。所以跨域只在浏览器才会有的问题。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97225.html

相关文章

  • 基于 HTTP 请求拦截,快速解决跨域和代理 Mock

    摘要:今天这篇文章,我们会介绍几种常见的方法和其中存在的问题,并提出如何基于请求拦截,快速解决跨域和代理问题的方案。因为没有修改该请求,只是延迟发送,这样就保持了原请求与业务服务器之间的所有鉴权等相关信息,由此解决了跨域访问无法携带的问题。 近几年,随着 Web 开发逐渐成熟,前后端分离的架构设计越来越被众多开发者认可,使得前端和后端可以专注各自的职能,降低沟通成本,提高开发效率。 在前后端...

    dreamGong 评论0 收藏0
  • http简介看这篇就够了

    摘要:分块传输编码使用字段的前提条件是,服务器发送回应之前,必须知道回应的数据长度。最后是一个大小为的块,就表示本次回应的数据发送完了。 文章有不当之处,欢迎指正,如果喜欢微信阅读,你也可以关注我的微信公众号:好好学java,获取优质学习资源。 什么是协议 协议,网络协议的简称,网络协议是通信计算机双方必须共同遵从的一组约定。如怎么样建立连接、怎么样互相识别等。只有遵守这个约定,计算机之间才...

    binaryTree 评论0 收藏0
  • 分布式之数据库和缓存双写一致性方案解析

    摘要:先更新数据库,再更新缓存这套方案,大家是普遍反对的。采用这种同步淘汰策略,吞吐量降低怎么办,那就将第二次删除作为异步的。比如一个写数据请求,然后写入数据库了,删缓存失败了,这会就出现不一致的情况了。 引言 为什么写这篇文章? 首先,缓存由于其高并发和高性能的特性,已经在项目中被广泛使用。在读取缓存方面,大家没啥疑问,都是按照下图的流程来进行业务操作。 showImg(https://s...

    liukai90 评论0 收藏0
  • 我眼中的 Nginx(五):Nginx — 子请求设计之道

    摘要:上图中,每个红圈表示一个请求,每一层的请求分别是上一层请求的子请求。换而言之,父请求是依赖于子请求的。特别地,的子请求运行时,会阻塞父请求挂起其对应的协程。 张超:又拍云系统开发高级工程师,负责又拍云 CDN 平台相关组件的更新及维护。Github ID: tokers,活跃于 OpenResty 社区和 Nginx 邮件列表等开源社区,专注于服务端技术的研究;曾为 ngx_lua 贡...

    Jioby 评论0 收藏0

发表评论

0条评论

Jingbin_

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<