在工作中涉及到了web页面和底层交互问题,这里做下简单回顾。本文基于hisi方案分析web界面和服务器boa交互的一种技术—ajax开发。
Hisi 在web页面上采用ajax开发。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
XMLHttpRequest 是 AJAX 的基础。
XMLHttpRequest 对象用于在后台与服务器交换数据。
创建XMLHttpRequest对象的五步骤 :
- 建立XMLHttpRequest对象
- 给XMLHttpRequest对象注册回调方法
- 使用open方法设置和服务器交互的基本信息
- 设置发送的数据,开始和服务器交互
- 在回调函数中判断交互是否结束,响应是否正确,并根据需要获取服务器端返回的数据,更新页面内容。
用ajax基本的代码架构和详细注释如下: