文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>js与struts如何通过aja以json数据形式进行数据传输

js与struts如何通过aja以json数据形式进行数据传输

时间:2010-05-29  来源:gothic

ajax已经是web开发的必选框架之一,而json更是在ajax通过解析xml来传输数据方面有了更好的发展,下面我就以自己做web开发的浅薄经验介绍一下js与struts 如何通过aja以json数据形式进行数据传输。why json but not xml?这个问题我想您会得到答案。
          注:要使用json必须导入commons-beanutils-1.7.0.jar  commons-lang-2.1.jar
                ezmorph-1.0.2.jar   json-lib-1.1-jdk15.jar另外commons-collentions最好用最新版本
      1:既然是异步那我就用到了ajax框架,下面时jsp页面中ajax框架代码和js中解析json的方法 
             try
 {
  var xmlhttp = new XMLHttpRequest();
 }
 catch(e)
 {
  var xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
 }
 var url="/apple/receive.do;
 xmlhttp.open('GET',url,true);
 xmlhttp.onreadystatechange = function()    异步传输成功时
 {
  if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
  {
   var data = eval('('+xmlhttp.responseText + ')');     //或得json数据
   
   for(var i=0;i<data.js.length;i++)            循环输出json中的数据
   {
    var str='’;
                                                     str+=data.js[i].chatdate;
    str+=data.js[i].message";
    txt=document.createElement('DIV');
    txt.innerHTML=str;
               document.getElementById("content").appendChild(txt); 
    str="";
   }
   
  }
 }
 xmlhttp.send();
        2:下面试action中json的组织方式。(我的数据来源是通过hibernate查询得来得,对此读者可自行处理)
  try
  {
  PrintWriter out = response.getWriter();
  JSONObject obj = new JSONObject();
  JSONArray js = new JSONArray();
  //这里的数据拼装一般是从数据库查询来的
              Iterator it = mes.iterator();
              while(it.hasNext()){
               Chat chat =(Chat)it.next();//数据库查询得到的结果
       JSONObject objtemp = new JSONObject();
                objtemp.put("chatdate",chat.getDate().substring(0,10) );
      objtemp.put("message", chat.getContent());
  js.add(objtemp);
  }
  obj.put("js",js);
  out.print(obj.toString());
  //out.print(rnd);
  
  }catch(Exception e)
  {
  e.printStackTrace();
  }
  return null;
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载