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

天上人间*bobo之家

有阳光的时段,就有他(她)的博客文章。也许天气并非晴空万里,博主的“博物钟”却是

 
 
 

日志

 
 

ajax处理php返回json数据实例  

2009-11-03 11:51:55|  分类: ajax |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

用json可以很好实现服务器端与客户端的异步交互,实现局部刷新的效果,看以下代码实例:
test.html //客户端

JavaScript代码
        
  1. <label onclick="javascript:post_data();">click </label>       
  2. function ajax_init()       
  3. {       
  4.     var ajax=false;       
  5.     try {       
  6.          ajax = new ActiveXObject("Msxml2.XMLHTTP");       
  7.      } catch (e) {       
  8.         try {       
  9.              ajax = new ActiveXObject("Microsoft.XMLHTTP");       
  10.          } catch (E) {       
  11.              ajax = false;       
  12.          }       
  13.      }       
  14.     if (!ajax && typeof XMLHttpRequest!='undefined') {       
  15.          ajax = new XMLHttpRequest();       
  16.      }       
  17.     return ajax;       
  18. }       
  19. function post_data()       
  20. {       
  21.     var url = "/server/xml.php";       
  22.     var show_check = document.getElementById("show_check");       
  23.     var show_flag = document.getElementById("show_flag");       
  24.     var ajax = ajax_init();       
  25.      ajax.open("GET", url, true);       
  26.     //var img = "<img src='/img/loading.gif'>";       
  27.      ajax.onreadystatechange = function()       
  28.      {         
  29.         if (ajax.readyState == 4 && ajax.status == 200)         
  30.          {         
  31.         var ret = ajax.responseText;       
  32.             var show_info = eval(ret);       
  33.              show_check.innerHTML = show_info[0].no1; // bsd       
  34.              show_flag.innerHTML = show_info[0].no2; // wuddy       
  35.             //alert("responseXML's value: " + info[0].firstChild.data);            
  36.          }       
  37.        /*else      
  38.         {     
  39.            show.innerHTML = img;     
  40.         }*/       
  41.      }       
  42.      ajax.send(null);         

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

历史上的今天

评论

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

页脚

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