Technorati 标签:
ajax
@H_404_1@
一、Ajax 简介
Ajax = 异步的 javascript 和 xml；
Ajax是一种用于快速创建动态网页的技术。原理图如下：
二、Demo
1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2: <html xmlns="http://www.w3.org/1999/xhtml">
3: <head>
4: <Meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5: <title>ajax</title>
6: <script type="text/javascript">
7:
8:
9: function loadDoc() {
10: var xmlhttp;
11: if (window.XMLHttpRequest) {// code for IE7+,Firefox,Chrome,Opera,Safari
12: xmlhttp = new XMLHttpRequest();
13: } else {// code for IE6,IE5
14: xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
15: }
16: xmlhttp.onreadystatechange = function() {
17: if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
18: document.getElementById("text").innerHTML = xmlhttp.responseText;
19: }
20: }
21: xmlhttp.open("get","/ajaxTest/text.txt",true);
22: xmlhttp.send();
23: }
24:
25: </script>
26: </head>
27:
28: <body>
29: <div id="text">Ajax can change these text<@H_404_1@
30: <button onclick="loadDoc()" value="change">change</button>
31: </body>
32: </html>
33:
34: //text.txt 内容可以自己随意编写，只需保证其在路径下就行了。@H_404_1@
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
