Ajax的学习
Ajax
Ajax的基本概念:
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),
AJAX不是一种新的编程语言,而是一种使用现有标准的新方法,一种用于创建更好更快以及交互性更强的Web应用程序的技术,一种可以访问服务器数据的局部刷新的技术。
Ajax的实现原理:
1、创建对象:
var req = new XMLHttpRequest();
XHR英文全名XmlHttpRequest,中文可以解释为可扩展超文本传输请求。Xml可扩展标记语言,Http超文本传输协议,Request请求。XMLHttpRequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页。当页面全部加载完毕后,客户端通过该对象向服务器请求数据,服务器端接受数据并处理后,向客户端反馈数据。 XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档形式返回内容。尽管名为 XMLHttpRequest,它并不限于和 XML 文档一起使用:它可以接收任何形式的文本文档。XMLHttpRequest 对象是名为 AJAX 的 Web 应用程序架构的一项关键功能。
2、准备
req.open("GET", "http://127.0.0.1:8080/ajax/ajaxtest", false);
参数1: 获取数据的方式, GET、POST
参数2: 向服务器请求数据的地址 格式: 例如:http://ip:8080/ajax/ajaxtest
参数3: false 代表同步的方式请求数据,true 代表异步
3、发送请求
req.send();
4、获取数据
if (req.readyState == 4) {
if (req.status == 200) {
var str = req.responseText;
}
}
}```