一、Ajax 编程基础
什么是 Ajax?
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现 异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
Ajax 技术可以解决的传统网站中存在的以下问题
- 网速慢的情况下,页面加载时间长。加载过程中用户无法进行其他操作。
- 表单提交后,如果有一项不合格,需要重新填写所有表单内容。
- 页面跳转的时候会重新加载页面中的所有部分,造成资源浪费,增加用户等待时间。
Ajax 的部分应用场景
- 页面上拉加载更多数据
- 列表数据无刷新分页
- 表单项离开焦点数据验证
- 搜索框提示文字下拉列表
Ajax 的运行环境
Ajax 技术需要 运行在网站环境中才能生效,就是说能够以localhost 域名的方式打开页面,不能双击 html 文件运行,否则 Ajax 代码将不会生效。
那么首先就需要来搭建一个网站环境
我借助的是 Express 框架来实现网站环境的搭建
在使用这个框架之前,首先要保证你已经安装了 node.js,在此前提下。在你的电脑中为你的应用创建一个目录,然后进入此目录并将其作为当前工作目录,在工作目录下打开命令行。
并进行下列操作
你也可以参考Express的官方文档学习如何安装Express。
完成上述操作后,Ajax基本的运行环境就搭建好了。