status
Published
slug
ajax-learning-note
type
Post
category
Technology
date
Oct 13, 2022
tags
前端
笔记
summary
AJAX = Asynchronous JavaScript And XML（异步的 JavaScript 和 XML）
AJAX = Asynchronous JavaScript And XML（异步的 JavaScript 和 XML）
AJAX的优缺点：
优点：
- AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。
- AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行
- 允许根据用户时间来更新部分页面内容
缺点：
- 没有浏览历史，不能回退
- 存在跨域问题（同源）
- SEO（Search Engine Optimization, 搜索引擎优化）不友好
- 内容都是响应式生成展示，HTML中没有，生成的内容无法使用爬虫爬取
XML-可扩展标记语言（eXtensible Markup Language）
- XML被设计用来传输和存储数据
历史中AJAX使用XML作为数据交换的格式，现在已经改用Json
Ajax 的核心是 XMLHttpRequest 对象
最简单的示例：
IE缓存的解决方法
URL进行变化
请求取消
自动取消
手动取消
Express
Express 是一种保持最低程度规模的灵活 Node.js Web 应用程序框架
nodemon
Noemon 将监视源代码中的任何更改并自动重启服务器，非常适合开发。
JQuery发送ajax请求
Axios发送ajax请求
fetch函数发送ajax请求
略
同源策略
同源：协议、域名、端口号必须完全相同
跨域：违背同源策略就是跨域
如何解决跨域？
JSONP
Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。
- 使用
<script>标签，将标签的 src 属性设置为要请求的地址，如下所示：
<script>标签会自动解析并执行返回的内容，如果这些内容不是完整的 JavaScript 代码，程序就会报错，所有在进行 JSONP 跨域请求时，需要保证服务器返回一段完整的 JavaScript 代码。
