Ajax自学笔记(一)

一、Ajax 编程基础

什么是 Ajax？

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现 异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

Ajax 技术可以解决的传统网站中存在的以下问题

• 网速慢的情况下，页面加载时间长。加载过程中用户无法进行其他操作。
• 表单提交后，如果有一项不合格，需要重新填写所有表单内容。
• 页面跳转的时候会重新加载页面中的所有部分，造成资源浪费，增加用户等待时间。

Ajax 的部分应用场景

1. 页面上拉加载更多数据
2. 列表数据无刷新分页
3. 表单项离开焦点数据验证
4. 搜索框提示文字下拉列表

Ajax 的运行环境

Ajax 技术需要 运行在网站环境中才能生效，就是说能够以localhost 域名的方式打开页面，不能双击 html 文件运行，否则 Ajax 代码将不会生效。

那么首先就需要来搭建一个网站环境

我借助的是 Express 框架来实现网站环境的搭建

在使用这个框架之前，首先要保证你已经安装了 node.js,在此前提下。在你的电脑中为你的应用创建一个目录，然后进入此目录并将其作为当前工作目录，在工作目录下打开命令行。

并进行下列操作

你也可以参考Express的官方文档学习如何安装Express。

完成上述操作后，Ajax基本的运行环境就搭建好了。