AJAX-及-同源策略-CORS跨域

38次阅读

共计 807 个字符,预计需要花费 3 分钟才能阅读完成。

什么是 AJAX

是异步的 JavaScript 和 XML

面试题:

请使用原生 js 来发送 AJAX 请求

let request = new XMLHttpRequest()
  request.open('get', '/xxx') // 配置 request
  request.send()
  request.onreadystatechange = ()=>{if(request.readyState === 4){if(request.status >= 200 && request.status < 300){console.log('说明请求成功')
      }else if(request.status >= 400){console.log('说明请求失败') 
      }
    }
  }

同源策略

如果你不是 xxxxx.com 里的 js 你就不能向这个域名发送 任何 ajax 请求

只有 协议 + 端口 + 域名 一模一样才允许发 ajax 请求
【注意要】一模一样 一模一样 一模一样 一模一样

1、http://baidu.com 可以向 http://www.baidu.com 发送请求吗???
不能!!!要一模一样才行

2、http://baidu.com:80 可以向 http://baidu.com:81 发送 ajax 请求吗???
不能!!!端口不一样

cors 跨域

cors 可以告诉浏览器 不需阻止
cross-origin resource sharing 跨站资源共享

非要响应就在服务器写:response.setHeader('Access-Control-Allow-Origin','xxxxxx 网址 xxxxxx') 

为什么要有同源策略?

因为原页面用 form 提交到另一个域名之后,
原页面的脚本无法获取新页面中的内容
所以浏览器认为是安全的

而 ajax 是可以读取响应内容的
因此浏览器不能允许你这样做(请求已经发出去了 只是没有响应而已)

同源策略的本质是:

一个域名的 js
在未经允许的情况下不得读取另一个域名的内容
但浏览器并不阻止你向另一个域名发送请求

正文完
 0