发表于： 2020-04-26 22:03:48
0 1819
今日完成
请求:浏览器与服务器之间，采用 HTTP 协议通信。用户在浏览器地址栏键入一个网址，或者通过网页表单向服务器提交内容，这时浏览器就会向服务器发出 HTTP 请求 JavaScript 脚本向服务器发起 HTTP 请求
AJAX:AJAX 这个词第一次正式提出，它是 Asynchronous JavaScript and XML 的缩写，指的是通过 JavaScript 的异步通信，从服务器获取 XML 文档从中提取数据，再更新当前网页的对应部分，而不用刷新整个网页。后来，AJAX 这个词就成为 JavaScript 脚本发起 HTTP 通信的代名词
AJAX 包括以下几个步骤:
1. 创建 XMLHttpRequest 实例
2. 发出 HTTP 请求
3. 接收服务器传回的数据
4. 更新网页数据
概括:AJAX 通过原生的XMLHttpRequest对象发出 HTTP 请求，得到服务器返回的数据后，再进行处理
XMLHttpRequest对象是 AJAX 的主要接口，用于浏览器与服务器之间的通信。
尽管名字里面有XML和Http，它实际上可以使用多种协议（比如file或ftp），发送任何格式的数据（包括字符串和二进制）。
XMLHttpRequest本身是一个构造函数，可以使用new命令生成实例。它没有任何参数。
代码:
var xhr = new XMLHttpRequest();
一旦新建实例，就可以使用open()方法发出 HTTP 请求。
代码:
xhr.open('GET', 'http://www.example.com/page.php', true);
//上面代码向指定的服务器网址，发出 GET 请求。
然后，指定回调函数，监听通信状态（readyState属性）的变化。
代码:
ajax.onreadystatechange = handleStateChange;
function handleStateChange() {
// ...}
上面代码中，一旦XMLHttpRequest实例的状态发生变化，就会调用监听函数handleStateChange
一旦拿到服务器返回的数据，AJAX 不会刷新整个网页，而是只更新网页里面的相关部分，从而不打断用户正在做的事情。
理解:根据任务理解,服务器中应该存储有id和密码,当用户填写姓名和密码后,点击提交,这部分分内容就会提交到服务器,然后等待服务器判断是否存在这个用户,
返回不同信息更新相应数据更新页面
返回列表
评论