AJAX初

君子不器

---

前言

AJAX，开战！

---

一、传统的请求方式（四种）

<!--直接在浏览器地址上输入url-->

<!--超链接-->
<a href="/old/request">传统请求（超链接）</a>

<!--form表单提交-->
<form action="/old/request" method="get">
  <input type="submit" value="传统请求（form表单提交）">
</form>

<!--通过JS代码来发送请求-->
<input type="button" value="传统请求（通过JS代码发送请求）" onclick="sendRequest()">

<script type="text/javascript">
  function sendRequest() {
    //发送请求
    //window.location.href = ""
    document.location.href = "/old/request"
  }
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

二、AJAX（Asynchronous Javascript And XML）

传统请求会导致页面整个刷新
当你在一个页面中，一边看视频，一边登录的时候
导致用户体验存在空白期，不连贯

ajax可以做到局部请求，局部刷新，而且多个ajax请求之间可以并发运行，互不影响

ajax可以在浏览器中发送异步请求，请求A和请求B是异步的，谁也不需要等谁，类似于多线程并发

ajax的请求发送之后，不会出现页面清空，然后展示新页面的效果，ajax不是这样的

对于ajax来说，服务端（WEB Server端）可能会给WEB前端响应回来三种数据：可能是普通文本，可能是普通文本，可能是XML字符串，可能是JSON字符串

ajax接受到了一个服务器的响应（可能是普通文本，可能是XML字符串，可能是JSON字符串）ajax解析这些响应回来的数据，将解析之后的数据渲染到div图层中，此div就更新了，这样页面就完成了局部刷新

ajax不能称为一种技术，它是多种技术的综合产物

---

总结

异步发送请求，局部刷新数据