学习跨域的必要性| 学习笔记

简介: 快速学习学习跨域的必要性。

开发者学堂课程【Ajax 前端开发入门与实战学习跨域的必要性】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/595/detail/8541


学习跨域的必要性

 

目录:

一、什么是跨域

二、跨域的区别

三、跨域的实现

四、跨域的必要性

 

一.什么是跨域

跨域是为了访问别人的服务器,获取非同源地址数据

 

二.跨域和 ajax 的区别

同源是协议、端口、域名全一样,使用 ajax 请求非同源路径下的数据,将会报错,如下

Xmlhttprequest connot load

https://www.baidu.com//username-&password.no’access03.html

Ajax 和跨域都是为了访问服务器的数据

Ajax 是为了访问自己服务器的数据,跨域是为了访问别人服务器的数据。 

比如:

展示天气的数据,是非同源;

航班信息,变化多端,需要进入别人数据库采用跨域实现

 

三.跨域的实现:

通过 script 标签,用 script 标签的 src 属性引入一个外部文件,这个外部文件不涉及同源策略的影响

 

四.跨域必要性:

在访问别人服务器时不会涉及到同源策略的影响

相关文章
|
1月前
|
JSON 前端开发 安全
前端开发中的跨域解决方案探究
跨域是前端开发中常见的问题之一,本文将探讨跨域的概念、产生的原因,以及常见的解决方案,包括JSONP、CORS、代理等。通过本文的学习,读者可以深入了解跨域问题及解决方案,为自己的前端开发工作提供参考。
|
3月前
|
存储 安全 Java
【揭秘OAuth协议 — Java安全认证框架的核心基石】 从初识到精通,带你领略OAuth协议的奥秘,告别SSO的迷茫与困惑
在现代的网站中,我们经常会遇到需要用户登录的情况。然而,直接要求用户注册可能会显得繁琐,导致用户的流失。为了解决这个问题,网站可以采用OAuth授权机制。通过与像GitHub或其他第三方网站的认证授权合作,网站可以获取用户的相关信息,避免了繁琐的注册过程。
49 0
【揭秘OAuth协议 — Java安全认证框架的核心基石】 从初识到精通,带你领略OAuth协议的奥秘,告别SSO的迷茫与困惑
|
5月前
|
JSON JavaScript 前端开发
跨域的原理及解决方案
同源策略是Web应用程序安全性模型中的重要概念。根据该策略,Web浏览器允许第一个网页中包含的脚本访问第二个网页中的数据,但前提是两个网页具有相同的来源。来源由URI,主机名和端口号的组合定义。此策略可防止一个页面上的恶意脚本通过该页面的DOM(Document Object Model)获得对另一网页上敏感数据的访问。 JSONP 由于同源策略,一般来说位于server1.example.com...
|
5月前
|
前端开发 JavaScript API
原来这才是学习axios的正确姿势(安装、使用、跨域代理一站式解决)
Axios 是一个基于 promise 的 异步 ajax 请求库,前端最流行的 ajax 请求库。简单的讲就是可以发送get、post请求,负责与后端交互。
156 1
|
11月前
|
存储 前端开发
网络基础 登录对接CAS-跨域导致的一个意想不到的Bug
网络基础 登录对接CAS-跨域导致的一个意想不到的Bug
149 1
|
11月前
|
Linux API 定位技术
API接口的自我阐述
API接口的自我阐述
|
移动开发 JavaScript 前端开发
|
JSON 前端开发 安全
【实战晋级】理解跨域以及工作中跨域问题的处理 - 1
相信大部分前端工程师在日常工作中经常使用 xhr 或者 fetch 从后端 api 里取数据然后进行二次处理,随后渲染到页面。
116 0
【实战晋级】理解跨域以及工作中跨域问题的处理 - 1
|
前端开发 文件存储 数据安全/隐私保护
【小刘带你玩儿前端】什么是跨域以及如何解决?
现在的web项目,很多都是前后端分离,特别容易出现跨域问题
【小刘带你玩儿前端】什么是跨域以及如何解决?
|
移动开发 前端开发 JavaScript
前端跨域请求方案整理
跨域请求,是前端开发比较常见的问题。通常为了提高的开发效率,项目开发过程中进行前后端分离,各自独立部署,就可能会出现前后端域名不一致,在通讯过程中就会出现跨域的问题。由于项目开发过程中涉及,借此机会对跨域问题进行整理,也是前端面试比较常见的问题。
329 0
前端跨域请求方案整理