零陵做网站,随州学做网站,wordpress首页压缩插件,2017国外优秀网站模版1.Ajax
异步 JavaScript 和 XML#xff0c;
或 Ajax 本身不是一种技术#xff0c;而是一种将一些现有技术结合起来使用的方法#xff0c;包括#xff1a;HTML 或 XHTML、CSS、JavaScript、DOM、XML、XSLT、以及最重要的 XMLHttpRequest 对象。当使用结合了这些技术的 Aja…1.Ajax
异步 JavaScript 和 XML
或 Ajax 本身不是一种技术而是一种将一些现有技术结合起来使用的方法包括HTML 或 XHTML、CSS、JavaScript、DOM、XML、XSLT、以及最重要的 XMLHttpRequest 对象。当使用结合了这些技术的 Ajax 模型以后网页应用能够快速地将增量更新呈现在用户界面上而不需要重载刷新整个页面。这使得程序能够更快地回应用户的操作。Ajax 最吸引人的特性是它的“异步”性质这意味着它可以与服务器通信、交换数据并更新页面而无需刷新页面。
尽管 Ajax 中的 X 代表 XML但是 JSON 才是首选因为它更加轻量而且是用 JavaScript 编写的。在 Ajax 模型中JSON 和 XML 都被用来包装信息。
2.步骤 1.创建对象 //建立ajax异步对象
let xhr new XMLHttpRequest() 2处理服务器响应 httpRequest.onreadystatechange () {// 在这里处理服务器响应。
}; 3发送请求 httpRequest.open(GET, http://www.example.org/some.file, true);
httpRequest.send(); 3.onreadystatechange 事件
当请求被发送到服务器时我们需要执行一些基于响应的任务。每当 readyState 改变时就会触发 onreadystatechange 事件。AJAX – onreadystatechange 事件 | 菜鸟教程 4.示例 //建立ajax异步对象
let xhr new XMLHttpRequest()
//给对象添加事件
xhr.onreadystatechange function () {//ajax 对象状态码 0 1 2 3 4if (xhr.readyState 4 xhr.status 200) {//获取接口的响应字符串//console.log(xhr.responseText)let obj JSON.parse(xhr.responseText)//console.log(obj[java.version])let doc document.bodyfor (let p in obj) {//console.log(obj[p])doc.innerHTML p${p} ${obj[p]}/p}}
}//本服务器下的 get文件输出的内容
//打开ajax对象请求方式为GET 请求路径 本服务器路径同域 https://localhost:3333/
//xhr.open(GET, ./get, true)//xhr.open(GET, http://192.168.13.249:8088/, true)// xhr.open(GET, http://localhost:8088/, true)
xhr.open(POST, http://localhost:8088/post, true)//发送请求
xhr.send()
