ajax简介

Posted 自学web网页前端

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax简介相关的知识,希望对你有一定的参考价值。

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简介的主要内容,如果未能解决你的问题,请参考以下文章

Ajax简介

AJAX简介

AJAX 简介

Ajax简介

Ajax简介

Ajax 简介 | AJAX 教程