目录
AJAX 是一个交互性非常强的一门技术,使用Ajax技术网页应用能够快速地将信息呈现在用户界面上,且不需要刷新整个页面,这使得程序能够更快地回应用户的操作。
比如:百度注册页面,当输入注册用户名时(向服务端发送请求,得知不可用),会提醒“此用户名已被使用,请更换”,这种现象就是因为使用了AJAX。还有某些大型购物页面,当鼠标悬浮在某个标题时会马上出现一个分类或者有关标题的一个板块,这种现象也使用了AJAX,总之AJAX的使用范围非常广泛。
京东页面
当鼠标悬浮在“1”处时,会出现“2”板块,它用到了AJAX
在网页的控制台中我们可以看到交互的各种信息。
AJAX的优缺点
优点:1)可以无需刷新页面与服务器端进行通信 2)允许你根据用户事件来更新部分页面内容
缺点:1) 没有浏览历史,不能后退 2)存在跨域问题 3)SEO(搜索引擎优化)不友好(爬虫爬不到这个数据)
HTTP协议
HTTP协议【超文本传输协议】,协议详细规定了浏览器和万维网服务器之间相互通信的规则。包含两个内容,请求报文 和 响应报文。
Node.js的安装
Express服务端框架
AJAX需要向服务端发送请求,因此先简单介绍一下express框架。借助Express服务端框架和前端的AJAX进行交互。
运行: