美文网首页
Ajax的学习

Ajax的学习

作者: 嫚荹囩鍴 | 来源:发表于2017-10-23 09:02 被阅读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;
            }
        }
    }```
    

    相关文章

      网友评论

          本文标题:Ajax的学习

          本文链接:https://www.haomeiwen.com/subject/gvsouxtx.html