1.Ajax
局部刷新技术
Ajax = 异步 JavaScript 和XML。
Ajax是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 Ajax)如果需要更新内容,必需重载整个网页面。
1.ajax特点
- 局部刷新,具有更好的用户体验性
- ajax只需要传递少量的数据,具有更高的执行效率
2.ajax核心
(1)Ajax 的核心是 JavaScript 对象 XMLHttpRequest
(2)XMLHttpRequest可以使用JS向服务器发出请求并处理响应
3.传统提交方式与ajax提交方式
【传统提交方式】
客户端提交请求后,服务器会找到相应的资源进行执行。并将执行结果重新发送给客户端。客户端接收到服务器端的响应会进行重新解释并显示。此时的页面是一个全新的页面。
【Ajax提交】
客户端通过Js脚本对请求进行发送。服务器接收到请求后会找到相应的资源并进行执行。执行后会将结果通过Ajax引擎(存在于浏览器内)接收回客户端,然后通过Js代码对数据进行处理。
4.同步交互与异步交互
同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。
异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式
2.Json
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的存储数据 传递数据 数据交换的格式
JSON 和 JS 对象互转
要实现从JSON对象转换为JS字符串,使用 JSON.parse() 方法:
1 |
|
要实现从JS对象转换为JSON字符串,使用 JSON.stringify() 方法:
1 |
|
3.JQuery
jQuery是一个快速、简洁的JavaScript框架
jquery特性
1.具有独特的链式语法和短小清晰的多功能接口
2.具有灵活的css选择器,并且可以对css选择器进行扩展
3.拥有便捷的插件扩展机制和丰富的插件
4.兼容各种主流浏览器
5.jquery核心:写的少,做的多