一、概念
1、传统网站存在的问题
传统的页面交互是Servlet 调用完业务逻辑层后将数据存储到域对象中,然后跳转到指定的 jsp 页面,在页面上使用 EL表达式 和JSTL 标签库进行数据的展示。该模式存在以下问题:
2、Ajax介绍
3、同步与异步
4、应用场景
二、Ajax使用
1、 XMLHttpRequest 对象
(1)介绍
所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。
XMLHttpRequest 用于在后台与服务器交换数据。它可以在不向服务器提交整个页面的情况下,实现局部更新网页。
XMLHttpRequest的对象用于客户端和服务器之间的异步通信。
它执行以下操作:
(2)创建 XMLHttpRequest 对象的语法
(3)XMLHttpRequest对象的属性
(4)XMLHttpRequest对象的方法
2、 AJAX XHR-请求
(1) AJAX 的工作原理
AJAX 使用的 XMLHttpRequest 的对象与服务器通信, AJAX 的工作原理如图:
ajax请求流程如下:
(2) 向服务器发送请求
当你的页面全部加载完毕后,客户端会通过 XMLHttpRequest 对象向服务器请求数据,服务器端接受数据并处理后,向客户端反馈数据。如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的open()和send()方法:
3、 AJAX XHR-响应
4、 AJAX – onreadystatechange 事件
三、Ajax实例
1、Ajax之get请求
2、Ajax之post请求
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。