文档章节

ajax 读取json数据

h
 heiyexue
发布于 2014/06/16 12:46
字数 170
阅读 11
收藏 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
    前后端数据交互方法总结

    前后端数据交互方法 在此介绍几种常用的前后端数据交互方法,并给出使用建议。以提高前后端协同开发的效率。 目录: HTML赋值 JS赋值 script填充JSON AJAX获取JSON WebSocket实时传输数据 总结...

    303Donatello
    2017/11/21
    0
    0
    jquery的ajax和getJson跨域获取json数据

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

    度外网络
    2012/09/26
    0
    1

    没有更多内容

    加载失败,请刷新页面

    加载更多

    解读|TARS开源项目发布Go语言版本

    导语:近日,Tars 开源项目在上海发布并开源了 Go 语言版本,其性能与 C++ 版本相当,比 gRPC 的性能高 5 倍。 ——编者 Tars 是腾讯开源的一款微服务框架,它于去年 4 月份开源,并于今年 ...

    腾讯开源
    7分钟前
    0
    0
    redis-list

    列表用来存储多个有序的字符串,列表中元素是可以重复的,最多可以存储2^32-1个元素 常用命令: lrange key start end 获取指定范围内的元素列表,索引从0开始 0,-1取出所有的元素 lindex k...

    拐美人
    24分钟前
    0
    0
    AOSP Build System —— Soong

    Soong Soong is the replacement for the old Android make-based build system. It replaces Android.mk files with Android.bp files, which are JSON-like simple declarative descriptio......

    雪落青山
    41分钟前
    1
    0
    Unity C# lock关键字的坑

    Unity 5.6 环境下的 lock关键字,在特定的多线程环境下会死锁 崩溃 其中一种情况: 异步socket 操作,由于内部是一个线程池回调的异步回调,操作同一个对象时 lock关键字会概率出现死锁 闪退...

    梦想游戏人
    52分钟前
    1
    0
    简单的svm例子

    数据来源:https://github.com/oumiga1314/Coursera-ML-AndrewNg-Notes/blob/master/code/ex6-SVM/data/ex6data1.mat import pandas as pd import numpy as np import scipy.io as sio impor......

    南桥北木
    今天
    2
    0

    没有更多内容

    加载失败,请刷新页面

    加载更多

    返回顶部
    顶部