通常WEB应用中与服务器的交互都是利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击“提交”按钮来发送/获取信息，等待服务器的响应，然后一张新的页面会加载结果。
而AJAX，通过 JavaScript 的 XMLHttpRequest 对象，直接与服务器来通信。通过使用HTTP请求，web页可向服务器进行请求，并得到来自服务器的响应，而不加载页面。
1、客户端页面代码：
<html>
<body>
<script type="text/javascript">
function ajaxFunction(){
var xmlHttp;
if(window.ActiveXObject){
//IE浏览器
xmlHttp = new ActiveXObject("MicroSoft.XMLHTTP");
}else if(window.XMLHttpRequest){
//其他浏览器
xmlHttp = new XMLHttpRequest();
}
//onreadystatechange 属性存有处理服务器响应的函数
xmlHttp.onreadystatechange=function(){
/*
readyState 属性
0 请求未初始化（在调用 open() 之前）
1 请求已提出（调用 send() 之前）
2 请求已发送（这里通常可以从响应得到内容头部）
3 请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）
4 请求已完成（可以访问服务器响应并使用它）
*/
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
document.myForm.time.value=xmlHttp.responseText;
alert("返回客户端的信息为："+xmlHttp.responseText);
}
}
}
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
</script>
<form name="myForm">
用户: <input type="text" name="username" onkeyup="ajaxFunction();" />
时间: <input type="text" name="time" />
</form>
</body>
</html>
2、服务器端代码
PrintWriter out = response.getWriter();
out.write("返回客户端的信息");
分享到：
相关推荐
这个"很简单的一个AJAX例子"的标题和描述表明，我们将会探讨一个基础的AJAX应用实例，它可能包含了一个简单的JavaScript代码示例，用于向服务器发送请求并接收响应，以实现页面的异步更新。 在Web开发中，AJAX的...
在JavaScript中，我们可以使用`new XMLHttpRequest()`来创建一个XMLHttpRequest实例。一旦创建，我们就可以通过调用它的方法来发送HTTP请求。 在这个例子中，你将看到两个JavaScript文件。第一个可能是用来设置和...
下面是一个简单的.NET AJAX实例： 1. 首先，在.aspx页面上添加ScriptManager和UpdatePanel： ```html <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> ...
3. **反馈结果**：收到服务器响应后，根据返回的数据（例如，一个布尔值表示用户名是否可用），在页面上显示相应的提示信息。 **四、实现细节** 1. **创建XMLHttpRequest实例**：`var xhr = new XMLHttpRequest();`...
msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子
在这个"一个简单的Ajax例子"中，我们将深入探讨Ajax的核心概念、工作原理以及如何编写基本的Ajax代码。 1. **Ajax核心概念**： - **异步通信**：Ajax允许浏览器与服务器进行非阻塞通信，即用户在请求处理期间仍可...
在"ajax的一个简单例子"中，我们通常会看到以下几个关键组成部分： 1. **创建XMLHttpRequest对象**：这是Ajax的核心，几乎所有的浏览器都内置了这个对象，用于与服务器进行异步通信。例如： ```javascript var ...
现在，让我们看看`test.html`文件，它很可能是实现Ajax的一个简单示例。在HTML文件中，通常会有一个触发Ajax请求的事件，比如按钮点击。例如： ```html ()">点击加载数据 <div id="data"></div> ``` 然后，在...
Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行...通过学习这个实例，你可以更好地理解Ajax的工作原理以及如何在实际项目中应用它。
Ajax最简单例子，一个例子让你明白Ajax原理，XMLHttpRequest原理 var http_request = false; function createRequest(url) { http_request = false; if (window.XMLHttpRequest) { // Mozilla浏览器 ...
在这个"JqueryAjax简单实例"中，我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先，我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....
【标题】：“一个简单实现ajax的实例” Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使得网页实现异步更新。这个...
这个"一个最简单的AJAX例子"很可能是用来展示如何使用AJAX来动态获取和更新网页内容的基础教程。让我们深入了解一下AJAX的核心概念及其工作原理。 首先，AJAX的关键在于异步性，这意味着用户可以继续在网页上进行...
在"一个简单的Ajax实例"中，我们将探讨如何创建一个基本的Ajax请求，以理解其工作原理。Ajax的核心是XMLHttpRequest对象，它允许JavaScript在后台与服务器进行通信。以下是一个简单的Ajax请求示例： ```javascript ...
在"AjaxExample"项目中，很可能包含了一个简单的Ajax请求示例，如下面的代码所示： ```javascript $.ajax({ url: 'server.php', type: 'GET', data: {param1: 'value1', param2: 'value2'}, success: ...
这个"asp.net ajax简单例子"应该包含了一个使用ASP.NET AJAX技术实现的简单应用。 首先，`Receive.aspx`文件是用户在浏览器中看到的网页，它通常包含HTML、CSS和JavaScript代码。在这个例子中，`Receive.aspx`可能...
### ASP.NET AJAX 简单实例解析 #### 一、ASP.NET AJAX 概述 ASP.NET AJAX 是一种基于 ASP.NET 的技术，它允许在不重新加载整个网页的情况下更新部分页面内容，从而提供更加流畅和响应式的用户体验。通过利用 ...
这个“简单ajax登录例子”是一个非常适合初学者理解Ajax基本原理和使用方法的教程。在这里，我们将深入探讨Ajax如何与Servlet结合，实现用户无刷新登录验证。 1. **Ajax简介** Ajax的核心是JavaScript异步通信，它...
本文将围绕一个基于Java的反向Ajax聊天实例——"反向Ajax聊天简单例子"进行详细解析。 1. 反向Ajax原理： 反向Ajax的核心思想是通过持久连接（Persistent Connection）或轮询（Polling）等技术，使服务器能够在有...
在这个"30多个Ajax简单实例dome"压缩包中，你将找到一系列用于学习Ajax的基础到进阶的示例。 1. **异步通信基础**： Ajax的核心是XMLHttpRequest对象，它允许JavaScript在后台与服务器进行通信。通过创建...