AJAX即“Asynchronous JavaScript and XML”（异步JavaScript和XML)，AJAX并非缩写词，而是由Jesse James Gaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。
Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。
下面是一个例子，使用Ajax页面不提交表单就可以通过javascript访问服务器来交换数据，并在不刷新页面的情况下修改页面内容：
demo.teml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>ajax Test</title>
<script type="text/javascript">
var xmlHttp = null; //声明XMLHttpRequest对象
function GetXmlHttpObject() { //该函数用于创建XMLHttpRequest对象
var xmlHttp = null;
try {
// Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
} catch (e) {
// Internet Explorer
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
function showCustomer(str) { //该函数由按钮的onclick事件调用
xmlHttp = GetXmlHttpObject(); //每次执行时要先创建XMLHttpRequest对象
if (xmlHttp == null) {
alert("您的浏览器不支持AJAX！");
return;
}
var url = "test.php?q=" + str + "&sid=" + Math.random(); //加入随机数种子防止缓存影响下次请求结果
xmlHttp.onreadystatechange = stateChanged; //设置回调函数；即准备状态改变时执行代码
xmlHttp.open("GET", url, true); //url参数格式 'test.php?key=value&key1=value1'
xmlHttp.send(null); //传递参数格式 ‘key=value&key1=value1’
}
function stateChanged() { //回调函数，浏览器自动调用
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) { //访问服务器成功
var result = xmlHttp.responseText;
var info = document.getElementById('info');
info.innerHTML = result; //动态修改页面
}
}
}
</script>
</head>
<body>
<input type="text" name="" id="input1">
<input type="button" value="按钮" onclick="showCustomer(input1.value)">
<div id="info">
Hello
</div>
</body>
</html>
test.php
<?php
//php通过$_GET数组访问ajax提交过来的表单信息，通过echo输出返回信息
echo('time:' . date("G:i:s") . '<br>q:' . $_GET['q'] . '<br>sid:' . $_GET['sid']);
?>
效果：
这就是最简单Ajax实例
相关推荐
在可见的差异中,可能最明显的就是页面请求.在Web应用程序中要执行某些操作,就要向 服务器端发送调用请求. 为此页面必须刷新, 以呈现出从服务器端传给客户端 (通常是诸如Firefox 或IE等Web浏览器)的最新信息.这不是...
虽然Ajax也能够用于很简单的目的,诸如载入HTML页面,执行表单验证之类的普通任务, 但其威力只有在与强大的服务器端脚本语言协作时才发挥出来. 本书中讨论的服务器端脚本语言 是PHP.当把Ajax客户端交互概念与PHP...
本书重点介绍ajax及相关的工具和技术，主要内容包括xmlhttprequest对象及其属性和方法、发送请求和处理响应、构建完备的ajax开发工具、使用jsunit测试javascript、分析javascript调试工具和技术，以及ajax开发模式和...
《Ajax基础教程.chm》 Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术，主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的...
Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术，主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用...
Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术，主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用...
四、实验内容 1．在实验四基础上使用AJAX技术实现异步登录功能。... open("请求方式GET/POST","页面地址",true):与服务器建立连接 send():发送请求，如果是post提交方式，send("参数名=参数值");
《JSP+Dreamweaver CS4+CSS+Ajax动态网站开发典型案例》光盘 完整源代码 有3个完整的jsp网站 第1章 设计Web标准网页 1.1 设个人主页 1.2 设计CSS 1.3 设计新闻查看页面 1.4 设计博客网站首页 1.5 CSS设计页面布局 ...
1．本书1~16章所附代码的运行环境 ...程序描述：本章将仿照Google Suggest，使用Ajax技术实现动态获取搜索提示的功能。当输入搜索关键字时，自动向服务器发送请求，查询相关的关键字，并及时提示用户可输入的关键字。 ...
AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。AJAX可使因特网应用程序更小、更快，更友好。 AJAX是一种独立于Web服务器软件的浏览器技术。...
《Ajax基础教程》中所有例子的代码都可以从Apress网站《Ajax基础教程》主页的源代码(Source Code)免费得到Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。 《Ajax基础教程》适合各层次Web应用...
AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。 AJAX 可使因特网应用程序更小、更快，更友好。 AJAX 是一种独立于 Web 服务器软件的...
Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术，主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用...
本动手实战项目介绍了如何在前端使用Ajax向后端请求数据并展示在Web页面，并且在Web页面提供了“增、删、查、改”的功能。 ? 一、融汇贯通 将Python语言和Django基础知识，以实际应用为媒介，有机组织、融汇贯通。让...
完整购物网站，前端页面使用html+css+js（结合jquery）进行开发，使用ajax技术发起请求，后端使用servlet进行对前端请求的响应；网站主要实现了基本的用户登录、注册、浏览商品、查看商品详情、搜索商品、管理员登录...
Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术，主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用...
资源名称：Ajax基础教程内容简介：Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术，主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、...
这是一个网页设计的一个作业，在django框架开发的项目基础上做一个注册页面，需要编写脚本或者ajax的动态请求实现注册页面的实时验证效果，代码已完成每一个输入框都有验证效果，包括用户名、密码、确认密码、邮箱、...
Ajax技术可以提供高度交互的Web应用，给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术，主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用...