位置:电子教程 > ajax教程 (如果看不到内容请使用360浏览器) 推荐学习资源
AJAX 教程概要
AJAX 工作原理
创建 XMLHttpRequest 对象
XMLHttpRequest请求
XMLHttpRequest 服务器 响应
onreadystatechange 事件
AJAX PHP实例
AJAX 3级联动全国区域
当前阅读教程:ajax教程 > AJAX 教程概要
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 暂无 下一篇: AJAX 工作原理

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。

示例

小白教程网www.2d5.net

代码

<!DOCTYPE html>
<html>
<title>小白教程网(www.2d5.net)</title>
<head>
    <meta charset="utf-8">
    <script>
        function loadTxt()
        {
            var xmlhttp;
            if (window.XMLHttpRequest)
            {
                //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                xmlhttp=new XMLHttpRequest();
            }
            else
            {
                // IE6, IE5 浏览器执行代码
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                }
            }
            xmlhttp.open("GET","ajax02.txt",true);
            xmlhttp.send();
        }
    </script>
</head>
<body>
 
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadTxt()">修改内容</button>
 
</body>
</html>

文本text的内容

黄菊华老师45157718

效果图

小白教程网www.2d5.net

image.png


阅读本教程前,您需要了解的知识

l  HTML CSS 基础

l  JavaScript 基础

如果您想学习这些基础知识,您可以在我们的首页找到相应的教程。

 

AJAX 应用

l  运用XHTML+CSS来表达资讯;

l  运用JavaScript操作DOMDocument Object Model)来执行动态效果;

l  运用XMLXSLT操作资料;

l  运用XMLHttpRequest或新的Fetch API与网页服务器进行异步资料交换;

l  注意:AJAXFlashSilverlightJava AppletRIA技术是有区分的。


上一篇: 暂无 下一篇: AJAX 工作原理
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)