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;
}
}
分享到:
相关推荐
ajax学习材料之后台交互应用。ajax学习材料之后台交互应用。
掌握 Ajax第 1 部分-Ajax 简介 ...掌握 Ajax第 6 部分-建立基于 DOM 的 Web 应用程序 掌握 Ajax第 7 部分-在请求和响应中使用 XML 掌握 Ajax第 10 部分--使用 JSON 进行数据传输 掌握 Ajax第 11 部分--服务器端的 JSON
Web2.0之Ajax 学习笔记与应用实例,Web2.0之Ajax 学习笔记与应用实例
全书共分为13章,由浅入深、循序渐进地介绍基于Ajax组合查实例、调查程序文例、天气预报实例、会员注册登录验证、股票价格查询、无刷新新闻系统、滚动翻页、上传文件进度条、Ajax调用Web Service应用实例、RSS阅读器...
挑战javascript&ajax应用及开发技术,通过简易学习从而提升自己编程能力
方便更好的学习Ajax的应用,希望能够帮助更多的人学习java开发
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。 Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。 Ajax 是一种用于创建快速动态...
AJAX学习源码 AJAX简要介绍: 关于AJAX的发展史本文就不再重述了,有兴趣的同学可以到网上去搜索,这种你可以说我也可以说的话,应该到处都是,本文就都略去不讲了。对于AJAX的简要概述,笔者也只有一段话: ...
ajax技术的学习资料。 Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。
学习ALAX技术的最好资源!包括ajax的入门和详细升入的学习ajax的原理知识!
Ajax控件应用示例源码 源码描述: Ajax控件应用示例源码 用到了vs中自带的ajax控件 展示的内容有Dropshadow,HoverMenu,Rating,Slider,TextBoxWaterMark等 适合新手学习
ASP.NET Ajax典型应用示例,希望对你的学习有所帮助
PHP进阶学习10 PHP5 Ajax应用利用
适合初级ajax学习者,是最基本的ajax应用
第 6 部分: 建立基于 DOM 的 Web 应用程序 65 第 7 部分: 在请求和响应中使用 XML 80 第 8 部分: 在请求和响应中使用 XML 87 第 9 部分: Web 2.0 用户界面技术 95 第 10 部分: 使用 JSON 进行数据传输 100 第 11 ...
ajax学习笔记.AJAX 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。通过 AJAX,您的 JavaScript 可使用 JavaScript的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个...
并应用上述知识开发了8个基于AJAX的Web应用系统,如基于AJAX的文件和图像处理、AJAX祝福墙、AJAX留言簿、AJAX聊天室、AJAX RSS阅读器、AJAX相册、基于AJAX的电子邮件处理等。最后以两个大型的AJAX Web应用系统(基于...
学习AJAX开发初步,达到能基本使用AJAX进行开发应用