一。ajax是异步的JavaScript和XML。是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，可以是网页实现异步更新，这样就可以在不重新加载网页的情况下，进行局部的加载。
二。对象的创建。XMLHttpRequest是ajax的基础。
1.创建语法：new XMLHttpRequest();
2.老版本的创建：new ActiveXObject("Microsoft.XMLHTTP").
三。服务器请求。
open(method,url,async).
method:代表请求类型：GET或POST
url:文件在服务器的位置。
async：true（异步请求）或false（同步请求）。
send(string).
把请求发送到服务器。
string:仅用于POST请求。代表要传送的参数
四。服务器的响应。
responseText():获得字符串形式的响应数据。对于非XML请求，请用responseText属性。
responseXML():获得XML形式的相应数据。
五。onreadystatechange事件。
用于执行基于响应的任务。
onreadystatechange：存储函数，每当readyState属性改变时，就会调用该函数.
readyState:代表XMLHttpRequest的状态。从0到4发生变化。
0：请求未初始化
1：服务器连接已建立
2：请求已接收
3：请求处理中
4：请求已完成，且响应就绪。
status：200：‘OK’ 404：未找到页面。
例子：
<html><!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for 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","文件的地址",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>
你需要加入文件的地址，就可以 得到相应的内容。
实例地址：http://www.runoob.com/try/try.php?filename=tryajax_first
相关推荐
以下是对Ajax基础知识的详细阐述： 1. **工作原理** - Ajax 的核心是 XMLHttpRequest 对象，它允许JavaScript在后台与服务器通信，而不会打断用户的交互。 - 一个典型的Ajax流程包括创建XMLHttpRequest对象、打开...
## **一、Ajax基础概念** 1. **异步通信**：Ajax的核心是JavaScript对象XMLHttpRequest，它允许在后台与服务器进行通信，不阻塞用户对页面的操作。 2. **局部刷新**：Ajax可以只更新网页的部分区域，而不是整个页面...
《Ajax基础教程.chm》 Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术，主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的...
### AJAX基础教程知识点总结 #### 一、AJAX概述 - **定义**：Asynchronous JavaScript and XML（异步JavaScript和XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 - **目的**：提高Web应用的...
ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础...
**Ajax基础入门简介** Ajax（Asynchronous JavaScript and XML）是一种用于创建快速、动态网页的技术，它使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这一技术的出现极大地提升...
**Ajax（Asynchronous JavaScript and XML）**是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。...通过阅读"Ajax基础教程中文版"，你可以深入了解Ajax的工作原理，学会如何在实践中运用它。
**AJAX基础教程** 在Web开发领域，AJAX（Asynchronous JavaScript and XML）是一种不可或缺的技术，它使得网页可以在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。本教程将带您深入理解AJAX的基本...
ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax ...
原书名：Foundations of Ajax 原出版社： Apress 作者： （美）Ryan Asleson,Nathaniel T.Schutta 译者： 金灵 等 丛书名： 图灵程序设计丛书 出版社：人民邮电出版社 ISBN：7115144818 上架时间：2006-2-14 ...
本书重点介绍Ajax及相关的工具和技术，主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术，以及Ajax开发模式和...
ajax基础教程(pdf)完整版本，希望对大家有所帮助
**AJAX基础详解** 在现代Web开发中，AJAX（Asynchronous JavaScript and XML）是一种核心技术，它使得网页能够实现异步数据交换，无需刷新整个页面即可更新部分内容。本教程将深入探讨AJAX的基础知识，帮助你理解其...
**Ajax基础教程** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。这种技术在现代Web开发中被广泛应用，极大地提升了用户体验，因为它允许页面在后台与服务器...
堪称经典由于比较大，压缩成5个压缩卷，大家可以搜索下载，然后解压第一个卷，其它的就会自动解压 文件名分别是 Ajax基础教程中文版及源代码 part1 Ajax基础教程中文版及源代码 part2 Ajax基础教程中文...
在Ajax的基础实例中，通常包括以下几个关键步骤： 1. **创建XMLHttpRequest对象**：这是Ajax的核心，它是浏览器提供的一个内置对象，用于在后台与服务器通信。在JavaScript中，我们可以通过`new XMLHttpRequest()`...
**标题：“AJAX基础教程－5 Ajax Validate”** 在学习Web开发时，AJAX（Asynchronous JavaScript and XML）技术是一个重要的组成部分，它允许我们在不刷新整个页面的情况下与服务器进行交互，提升用户体验。本教程...
**Ajax基础教程** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新，提升了用户体验，使得用户在...
尽管提供的部分内容并未包含实际的教程信息，但从标题“ajax基础教程003”及描述“ajax基础教程003”来看，这里将围绕Ajax的基础知识进行展开。 ### Ajax基础知识 #### 1. 什么是Ajax？ Ajax（Asynchronous ...