Ajax的常用方式在java web 中的开发的应用代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/Ajax_common.js"></script>
</head>
<body>
First Name:<input type="text" id="txt1" />
<input type="button" name="mybutton" value="Ajax" onclick="showHint(document.getElementById('txt1').value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html>
ajax_commons.js的源代码的如下：
var xmlhttp=null;
//创建xmlhttp对象的
function createHttpObject(){
try{
xmlhttp=new XMLHttpRequest();
}catch(e){
//针对IE创建的xmlhttp对象的信息
try{
xmlhttp=ActiveXObject("Msxml2.XMLHTTP");
}catch(e)
{
try{
xmlhttp=ActiveXObject("Msxml2.XMLHTTP");
}catch(e)
{
} }
}
return xmlhttp;
}
function showHint(username)
{
xmlhttp=createHttpObject();
if(xmlhttp==null)
{
alert("你的浏览器不支持的Ajax!");
return ;
}
//请求路径的
var url="./ajaxServlet?username="+username;
//回调函数的应用
xmlhttp.onreadystatechange=stateChanged;
//构建请求信息
xmlhttp.open("get",url,true);
//发送请求信息
xmlhttp.send(null);
}
//状态改变的设置的各种信息
function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
分享到：
相关推荐
通过"JavaScript语言与Ajax应用（第二版）"的学习，读者将能够熟练掌握JavaScript和Ajax技术，实现更高效、更具交互性的Web应用。这本书的源代码提供了实践案例，有助于读者更好地理解和应用所学知识。
【Ajax学习资料+实例】 Ajax，全称Asynchronous JavaScript And XML，是一种在2005年由Google推广的技术，它不是一种新的编程语言，而是一种利用已有标准（如JavaScript和HTTP请求）来创建交互性更强、运行更高效...
在IT行业中，Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。...通过学习和实践这样的实例，开发者能够更好地理解和掌握Ajax在实际项目中的应用。
Ajax，全称Asynchronous JavaScript and XML（异步JavaScript和XML），是一种在无需重新加载整个网页的情况下，能够更新部分网页的...现在，你可以查看名为“gj”的压缩包文件中的代码，进一步学习和实践这些Ajax知识。
掌握 Ajax第 1 部分-Ajax 简介 ...掌握 Ajax第 6 部分-建立基于 DOM 的 Web 应用程序 掌握 Ajax第 7 部分-在请求和响应中使用 XML 掌握 Ajax第 10 部分--使用 JSON 进行数据传输 掌握 Ajax第 11 部分--服务器端的 JSON
在".net中ajax学习解决方案"这个压缩包中，我们可以找到关于学习和应用AJAX技术的资源。"ajax学习"可能是一个包含教程、示例代码和讲解文档的文件或文件夹，而"ajaxѧϰ"可能是教学材料或练习项目，"ѧϰ"在拼音中...
《jQuery与Ajax学习...总之，通过阅读《jQuery与Ajax学习电子书》，你将不仅能够掌握这两项核心技术，还能了解它们在实际项目中的应用和最佳实践。这将为你的Web开发之路打下坚实的基础，助你轻松应对各种开发挑战。
本套学习教程旨在全面、系统地介绍Ajax的核心概念、实现方式以及实际应用，帮助学习者掌握这一强大的Web开发工具。 一、Ajax基础知识 1.1 Ajax的工作原理：Ajax通过JavaScript与服务器进行异步通信，用户在页面上...
在深入探讨Ajax（异步JavaScript和XML）技术之前，我们先了解一下`web.xml`配置文件在Java Web应用程序中的作用。`web.xml`是部署描述符，它定义了应用的结构和行为，包括Servlet的配置、过滤器、监听器以及欢迎页面...
【Ajax学习文档】深入解析 Ajax，全称Asynchronous JavaScript and XML，是一种在不刷新整个网页的情况下，能够更新部分网页内容的技术。它并不是一项新技术，而是由一系列已存在的技术组合而成，包括JavaScript、...
Ajax，即Asynchronous JavaScript and XML（异步JavaScript与XML），是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。...通过深入学习和理解Ajax，开发者可以构建出更高效、更流畅的网页应用。
Ajax，全称Asynchronous JavaScript and XML（异步JavaScript和XML），是一种在无需重新加载整个网页的情况下，能够...在学习过程中，可以结合实例代码进行实践，加深对Ajax的理解，并逐步掌握其在实际项目中的应用。
**Ajax（Asynchronous JavaScript and XML）技术是一种在无需...这个压缩包文件中的"ajaxjs"可能包含了实现上述功能的JavaScript代码，通过学习和理解这段代码，你可以深入理解Ajax的工作原理及其在实际项目中的应用。
【Ajax 知识点详解】 Ajax，全称Asynchronous JavaScript and XML，是一种创建...Ajax技术极大地推动了Web应用程序的发展，通过它，开发者可以构建出更高效、更具交互性的网页应用，提供与桌面应用相媲美的用户体验。
**Ajax应用开发典型实例** Ajax（Asynchronous JavaScript and XML）技术是现代Web应用程序中的关键组成部分，它允许在不刷新整个页面的情况下与服务器进行异步数据交换。这种技术极大地提升了用户体验，因为它减少...
以下是关于“JavaScript & Ajax 应用开发”的知识点。 ### JavaScript 语言基础 JavaScript 是一种高级的、解释执行的编程语言，它是互联网上最流行的脚本语言之一，用于网页浏览器端的编程，实现用户与网页的交...
通过不断学习和实践，你将能熟练掌握 JavaScript 和 AJAX 技术，开发出更加高效、交互性强的 web 应用。记住，理论知识是基础，实战项目是提升的关键。挑战自我，不断提升编程能力，你将成为一名优秀的 JavaScript &...
Ajax在许多Web应用程序中都有广泛应用，例如： - **Google Suggest**：当用户在搜索框中输入时，实时提供搜索建议，减少了用户的输入负担。 - **Google Maps**：用户可以平滑地缩放和移动地图，而无需加载整个新页面...
**Ajax（Asynchronous JavaScript and XML）**是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器...通过不断实践和学习，开发者可以更好地利用Ajax来构建高效、动态的网页应用。