AJAX与动态网页

版权声明:本人博文一律不许转载,如发现转载,需负法律责任 https://blog.csdn.net/qq_38984677/article/details/82784496

AJAX:异步JavaScript和XML(asynchronous javascript and xml)是一种创建交互式网页应用的网页开发技术,不同浏览器有自己的AJAX实现组件,有ajax技术后就不需要对整个网页进行刷新,局部更新既不占用带宽又可以提高加载速度

AJAX技术将请求的网络资源分为HTML纯文档(DOM)和js脚本,浏览器可以通过解析并执行js脚本来更新数据,而通过非浏览器终端发送的请求,通常只能拿到纯文档

一、JavaScript将HTML网页转化为DHTML

要认识原生的JavaScript,重要的是了解其对于HTML的三种改进方法:1.以HTML中的<script>标签为固定位置进行代码内嵌;2.对<script>元素中的src属性路径引用一个存放外部的JavaScript代码文件;3.JavaScript代码直接出现在特定HTML元素属性里,也叫事件处理器

在当前浏览器显示中对HTML信息进行修改称之为DOM操作(文档对象模型),这些操作构成了产生动态浏览器行为的基本过程,JavaScript可供支持的修改操作有很多,HTML元素和属性可以添加移动删除,CSS样式也可以修改

二、XHR-DHTML中数据的获取机制

XHR就是将传统的HTTP协议同步请求通信变成[异步发起HTTP请求]。传统上的HTTP协议的同步通信通常意味着在网络服务器处理一个新的网页过程中,用户和浏览器之间的交互是无效的。而支持在浏览器与Web服务器之间进行持续的信息交换的方法就是XHR(XMLHttpRequest)

XHR在DHTML(动态网站)中的数据获取机制如下:1.用户通过任何浏览器可识别的事件发起一个AJAX请求,比如说点击一个按钮,下拉一个菜单之类的,然后JavaScript会把这个请求作为一个实例化的XHR对象;2.这个XHR对象会向服务器发起一个对特定文件的请求,请求一般从后台发出,所以不影响用户与网页的交互;3.请求在服务器端会被接受和处理,相应的数据就会通过XHR对象发回给浏览器客户端;4.数据到了客户端会被接受,该事件就会被触发然后被某个事件处理器所捕获

在XHR的实际使用过程中,一般可以加载HTML/XML和JSON等数据类型

猜你喜欢

转载自blog.csdn.net/qq_38984677/article/details/82784496