卫生系统网站的建设和维护,加强主流网站建设,网页设计实训报告实训内容,可信网站身份验证一、Ajax 基础
传统网站中存在的问题#xff1a;
网速慢的情况下#xff0c;页面加载时间长#xff0c;用户只能等待表单提交后#xff0c;如果一项内容不合格#xff0c;需要重新填写所有表单内容页面跳转#xff0c;重新加载页面#xff0c;造成资源浪费#xff0c…一、Ajax 基础
传统网站中存在的问题
网速慢的情况下页面加载时间长用户只能等待表单提交后如果一项内容不合格需要重新填写所有表单内容页面跳转重新加载页面造成资源浪费增加用户等待时间
二、Ajax 概述
Ajax标准读音 [ˈeɪˌdʒæks] 中文音译阿贾克斯。 它是浏览器提供的一套方法可以实现页面无刷新更新数据提高用户浏览网站应用的体验。
三、Ajax的应用场景
页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表
四、Ajax 的运行环境
Ajax 技术需要运行在网站环境中才能生效当前课程会使用Node创建的服务器作为网站服务器。
五、Ajax 运行原理
Ajax 相当于浏览器发送请求与接收响应的代理人以实现在不影响用户浏览页面的情况下局部更新页面数据从而提高用户体验。
六、Ajax 的实现步骤
创建 Ajax 对象
var xhr new XMLHttpRequest();告诉 Ajax 请求地址以及请求方式
xhr.open(get, http://www.example.com);发送请求 xhr.send();获取服务器端给与客户端的响应数据
xhr.onload function () {console.log(xhr.responseText);}待续。。。
