Ajax的学习

2017-10-23  本文已影响0人  嫚荹囩鍴

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;
        }
    }
}```
上一篇下一篇

猜你喜欢

热点阅读