注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

古城风~~~

竹密无妨溪水过,天高不碍白云飞。这天下总有一份是属于我古城的天地!

 
 
 

日志

 
 

最简单的AJAX实例应用  

2009-05-01 23:14:01|  分类: J2EE |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

要访问的主页面“index.jsp”:

<%@ page language="java" pageEncoding="GB2312"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>AJAX应用</title>
  </head>
  <script type="text/javascript">
   var xmlHttp = false;
   function test(){
    //微软的IE环境的获取
    try {
     xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
     System.out.println(e);
     try {
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
     } catch (e2) {
      xmlHttp = false;
      System.out.println(e2);
     }
    }
    //打开连接
    xmlHttp.open("GET","server.jsp",true);
    //调用服务器函数
    xmlHttp.onreadystatechange = callback;
    //发送请求到服务器
    xmlHttp.send(null);
    //alert("hello");
   }
   
   function callback() {
    //读取状态值
    var state = xmlHttp.readyState;
    //如果状态为4则返回服务器处理结果
    if(state == 4) {
     var data = xmlHttp.responseText;
     //用弹出窗口来显示
     //alert(data);
     //在网页中显示
     fillInfo(data);
    }
   }
   
   function fillInfo(message) {
    var info = document.getElementById("info");
    info.innerHTML = message;
   }
  </script>
  <body>
    <input type="button" id="Click" name="Click" value="Click" onclick="test()">
    <%--数据要显示的地方--%>
    <div id="info"></div>
  </body>
</html>

 

在服务器处理的组件“server.jsp”:

<%
out.println("hello");
%>

  评论这张
 
阅读(387)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017