文档章节

ajax 读取json数据

h
 heiyexue
发布于 2014/06/16 12:46
字数 170
阅读 12
收藏 0
  • 首先建立json.txt文件 
  •  
  • "programmers": [ 
  • { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }, 
  • { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" }, 
  • { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com"
  • ], 
  • "authors": [ 
  • { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" }, 
  • { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" }, 
  • { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction"
  • ], 
  • "musicians": [ 
  • { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" }, 
  • { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano"
  •  
  • 通过异步调用,来读取json数据 
  •  
  • <html xmlns="http://www.w3.org/1999/xhtml"
  • <head runat="server"
  • <script type="text/javascript"
  • var xmlHttp; 
  • function createXMLHttpRequest() 
  •     if(window.ActiveXObject) 
  •     { 
  •         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
  •     } 
  •     else if(window.XMLHttpRequest) 
  •     { 
  •         xmlHttp = new XMLHttpRequest(); 
  •     } 
  • function startRequest() 
  •     createXMLHttpRequest(); 
  •     try 
  •     { 
  •         xmlHttp.onreadystatechange = handleStateChange; 
  •         xmlHttp.open("GET", "Json.txt", true); 
  •         xmlHttp.send(null); 
  •     } 
  •     catch(exception) 
  •     { 
  •         alert("xmlHttp Fail"); 
  •     } 
  • function handleStateChange() 
  • {    
  •     if(xmlHttp.readyState == 4) 
  •     {        
  •         if (xmlHttp.status == 200 || xmlHttp.status == 0) 
  •         { 
  •             var result = xmlHttp.responseText; 
  •             var json = eval("(" + result + ")"); 
  •             alert(json.programmers[0].firstName);//读取json数据 
  •             //alert(json.sex); 
  •         } 
  •     } 
  • </script> 
  • </head> 
  • <body> 
  •     <div> 
  •         <input type="button" value="AjaxTest" onclick="startRequest();" /> 
  •     </div> 
  • </body> 
  • </html> 
  • © 著作权归作者所有

    共有 人打赏支持
    h
    粉丝 2
    博文 85
    码字总数 78924
    作品 0
    哈尔滨
    私信 提问
    AJAX读取servlet JSON数据·~~

    通过页面访问servlet,页面打印出来的都是json格式的数据。。 AJAX读取数据,开始读取成功了,后来不知道就不行了。。也不知道什么原因,求解答。 读取到sevlet的数据 这个写的AJAX获取数据 ...

    GuGu-Gavin
    2016/12/20
    523
    5
    JQuery中使用$.ajax和$.getJSON方法获取JSON格式数据

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。JSONM文件中包含了关于“名称”和“值”的信息。有时候我们需要读取JSON格式的数据文件,在jQuery中可以使用Ajax或者 $.getJ...

    Junn
    2012/11/30
    0
    0
    Ajax + Json 基本用法(自整理)

    Asynchronous javaScipt and Xml 什么是Ajax:异步访问服务器,不刷新页面!不是一项新技术,整合了几项技术组成.主要目的是为了提高用户体验度 执行流程: 在用户界面触发事件调用javaScipt,通...

    SLoan_
    2016/09/06
    7
    0
    jquery的ajax和getJson跨域获取json数据

    很多开发人员在使用jquery在前端和服务器端进行数据交互,所以很容易会认为在前端利用jquery就可以读取任何站点的数据了。近日在进行开发时,因为要和第三方公司的一个项目进行数据的共享,因...

    度外网络
    2012/09/26
    0
    1
    原生javascript实现Ajax和jQuery实现Ajax实例应用

    这是我自己写的例子,希望对大家有帮助 使用了struts2,jdk1.6 1.实体类书写 public class Student { private String toid ; private String name ; private String sex ; public String ge......

    七羽燕
    2014/10/21
    0
    0

    没有更多内容

    加载失败,请刷新页面

    加载更多

    Java二分查找代码案例

    public static int binarySearch(Integer[] srcArray, int des) { //定义初始最小、最大索引 int low = 0; int high = srcArray.length - 1; //确保不会出现重复查找,越界 while (low <= hi......

    绝地逢生
    刚刚
    0
    0
    在JAVA中线程到底起到什么作用!

    这是javaeye上非常经典的关于线程的帖子,写的非常通俗易懂的,适合任何读计算机的同学. 线程同步 我们可以在计算机上运行各种计算机软件程序。每一个运行的程序可能包括多个独立运行的线程(...

    xtof
    12分钟前
    0
    0
    纹理与表面细节添加方法---帧映射

    中国龙-扬科
    29分钟前
    0
    0
    vue学习:9、模块工具包收集

    vue常用包收集 npm i webpack@3.6.0 -s 样式支持包 npm i css-loader -s npm i style-loader -s 图片支持 npm i url-loader file-loader -s 利用less操作图片 npm i less -s npm i less-loa......

    轻轻的往前走
    30分钟前
    0
    0
    20181115上课截图

    小丑鱼00
    40分钟前
    2
    0

    没有更多内容

    加载失败,请刷新页面

    加载更多

    返回顶部
    顶部