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

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

All the splendor in the world is not worth a good friend!! Hello my friend!!

网易考拉推荐

异步调用JSON数据(Ajax实例-Struts2引入)  

2010-04-09 23:43:19|  分类: struts2 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1 、 在WebRoot下创建user.txt文件,内容如下:

          {"name":"hello world","age":"24"}

2 、 在WebRoot下创建demo.jsp页面,代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>异步调用JSON</title>
  </head>
  <script type="text/javascript">
  <!--
   var xmlhttp;
    // 创建XMLHTTPRequest对象
    function createXMLHTTPRequest()
    {
         if(window.ActiveXObject)//②如果当前浏览器为IE
   {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
   else if(window.XMLHTTPRequest)//③如果是其他浏览器
   {
    xmlhttp = new XMLHTTPRequest();
   }
    }
   
    function getInfo()
    {
      createXMLHTTPRequest();
      xmlhttp.open("get", "user.txt", true);
      xmlhttp.onreadystatechange = returnInfo;
      xmlhttp.send(null);
    }
   
    function returnInfo()
    {
      if(xmlhttp.readyState == 4)
      {
       
var info = xmlhttp.responseText;
       var func = new Function("return" + info);

       var json = func();
       var value ="姓名: <font style='color:red;'>" + json.name + "</font>&nbsp;&nbsp;";
       value += "年龄 : <font style='color:red;'>" + json.age + "</font>&nbsp;&nbsp;";
       document.getElementById("showInfo").innerHTML = value;
      }
    }
  -->
  </script>
  <body>
    <center>
     <br/><br/>
     <h2 style="color: red;">异步调用JSON</h2>
     <br/>
     <input type="button" value="获取JSON数据" onclick="getInfo()" />
     <div id="showInfo"></div>
    </center>
  </body>
</html>

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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