有关Ajax和JSP的例子!多谢
日期：2014-05-18 浏览次数：20684 次
求助：有关Ajax和JSP的例子!谢谢!
如题:
就像CSDN提问的时候，一边在文本框输入，右边在相关问题列表也跟着变那样!
------解决方案--------------------
内容太多，发在这里发不完，你留下邮箱
------解决方案--------------------
<input onChange = "functionName(this) ">
function functionName(obj)
{
Ajax action;
}
------解决方案--------------------
学习一下，你为什么不打开提问的那个地方，看看的源代码？
------解决方案--------------------
也给我一份吧, lieying2@sina.com 告诉我csdn号,一会我给你分
------解决方案--------------------
我也要一份，学习学习，分大大的有，Thank you!~
tnt8826@163.com
------解决方案--------------------
ajax原理很简单，下面这个例子是我最初学习写的一个例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> Simple XMLHttpRequest </title>
</head>
<body>
<form action= "# ">
<input type= "button " value= "Start Basic Asynchronous Request " onclick= "startRequest(); "/>
<input type= "text " id= "s "/>
</form>
</body>
</html>
<script type= "text/javascript ">
var xmlHttp;
//创建xmlHttp对象
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject( "Microsoft.XMLHTTP ");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(){
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange; //回调函数
xmlHttp.open( "GET ", "aaa.txt ", true);
xmlHttp.send(null);
}
function handleStateChange(){
if(xmlHttp.readyState == 1){
document.getElementById( "s ").value = "正在加载…… ";
}
if(xmlHttp.readyState == 2){
document.getElementById( "s ").value = "已加载！ ";
}
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){//成功加载
document.getElementById( "s ").value = xmlHttp.responseText;//返回aaa.txt文件的内容，实际应用中可以在servlet中把要输出的内容写入输出流.
}
}
}
</script>
至于实际应用中，最好使用一种框架或者封装的工具包，比如prototypes.js，但是ajax基本原理就这么简单。
------解决方案--------------------
ajax是好东西，在我们项目里头已经开始采用了，用户体验好了很多，呵呵
------解决方案--------------------
去 崇文门花市的书店 有买Ajax的书的,
很薄一本,具体叫什么名字来着我不记得了..
呵呵
对名字不敏感.
不好意思..
书里面用很多Ajax的例子,
还有仿google的例子..
如题:
就像CSDN提问的时候，一边在文本框输入，右边在相关问题列表也跟着变那样!
------解决方案--------------------
内容太多，发在这里发不完，你留下邮箱
------解决方案--------------------
<input onChange = "functionName(this) ">
function functionName(obj)
{
Ajax action;
}
------解决方案--------------------
学习一下，你为什么不打开提问的那个地方，看看的源代码？
------解决方案--------------------
也给我一份吧, lieying2@sina.com 告诉我csdn号,一会我给你分
------解决方案--------------------
我也要一份，学习学习，分大大的有，Thank you!~
tnt8826@163.com
------解决方案--------------------
ajax原理很简单，下面这个例子是我最初学习写的一个例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> Simple XMLHttpRequest </title>
</head>
<body>
<form action= "# ">
<input type= "button " value= "Start Basic Asynchronous Request " onclick= "startRequest(); "/>
<input type= "text " id= "s "/>
</form>
</body>
</html>
<script type= "text/javascript ">
var xmlHttp;
//创建xmlHttp对象
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject( "Microsoft.XMLHTTP ");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(){
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange; //回调函数
xmlHttp.open( "GET ", "aaa.txt ", true);
xmlHttp.send(null);
}
function handleStateChange(){
if(xmlHttp.readyState == 1){
document.getElementById( "s ").value = "正在加载…… ";
}
if(xmlHttp.readyState == 2){
document.getElementById( "s ").value = "已加载！ ";
}
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){//成功加载
document.getElementById( "s ").value = xmlHttp.responseText;//返回aaa.txt文件的内容，实际应用中可以在servlet中把要输出的内容写入输出流.
}
}
}
</script>
至于实际应用中，最好使用一种框架或者封装的工具包，比如prototypes.js，但是ajax基本原理就这么简单。
------解决方案--------------------
ajax是好东西，在我们项目里头已经开始采用了，用户体验好了很多，呵呵
------解决方案--------------------
去 崇文门花市的书店 有买Ajax的书的,
很薄一本,具体叫什么名字来着我不记得了..
呵呵
对名字不敏感.
不好意思..
书里面用很多Ajax的例子,
还有仿google的例子..
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
