搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发

ajax简介

自学web网页前端 2018-03-01

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。

AJAX是基于现有的Internet标准,并且联合使用它们:

XMLHttpRequest 对象 (异步的与服务器交换数据)

JavaScript/DOM (信息显示/交互)

CSS (给数据定义样式)

XML (作为转换数据的格式)

AJAX主要分为四步:

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <script>

        function loadXMLDoc() {

            /*1.创建对象*/

            var xml

            if (window.XMLHttpRequest) {

                //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

                xml = new XMLHttpRequest();

            }

            else {

                // IE6, IE5 浏览器执行代码

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

            }/*兼容浏览器*/


            /*2.向服务器发送请求请求*/

            xml.open('get', 'a.txt', true)

            xml.send()

            /*3.执行一些基于响应的任务*/

            xml.onreadystatechange = function () {

                if (xml.readyState == 4 && xml.status == 200) { 

                          /*4.接收数据*/

                    document.getElementById("myDiv").innerHTML = xml.responseText;

                }

            }

        }

    </script>

</head>

<body>

<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>

<button type="button" onclick="loadXMLDoc()">修改内容</button>

</body>

</html>

AJAX需要服务器才可以运行,建议使用wampserver或WebStorm前端开发工具。



版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《ajax简介》的版权归原作者「自学web网页前端」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注自学web网页前端微信公众号

自学web网页前端微信公众号:gh_3ac0bac7fceb

自学web网页前端

手机扫描上方二维码即可关注自学web网页前端微信公众号

自学web网页前端最新文章

精品公众号随机推荐