您的位置：首页 > Web前端 > JavaScript

原生js Ajax操作

2017-05-04 13:05 169 查看
  Ajax：异步的JavaScript和XML技术

        通过JavaScript中的异步对象XMLHttpRequest来进行数据请求，得到传输的XML数据

        原始的情况下，通过XML进行数据交换，但是由于XML传输数据时大量的语义标签造成了网络流量的损失！

        所以，发展到后来，使用Ajax进行数据交换时，通常使用JSON来进行数据的传递！

  Ajax用在什么地方？

            需要用向服务器请求数据的环境中！

            静态页面开发——不需要Ajax

                登录

                注册

            功能实现——

                注册——向服务器发送用户注册的数据

                登录——向服务器发送用户登录的账号和密码

           操作步骤：

            1. 创建异步对象

            2. 打开和服务器的连接，发送请求

            3. 获取数据，DOM操作进行渲染

举个例子：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        var _http;

        if(window.XMLHttpRequest) {

            _http = new XMLHttpRequest();

        } else {

            _http = new ActiveXObject("Microsoft.XMLHTTP");

        }

        _http.open("get", "url");

        _http.send();

        _http.onreadystatechange = function() {

            if(_http.readyState == 4 && _http.statues == 200) {

                var _content = _http.responseText;

            }

        }

    </script>

</head>

<body>

</body>

</html>

这就是一个简单的原生js Ajax操作。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  angularjs 前端 Ajax
相关文章推荐
新的分享
章节导航