AJAX读取json数据

最新推荐文章于 2022-01-03 11:46:19 发布

u011955534

最新推荐文章于 2022-01-03 11:46:19 发布

阅读量1.4k

点赞数

分类专栏：笔记文章标签： ajax html javascript json xmlhttprequest

本文链接：https://blog.csdn.net/u011955534/article/details/15942181

版权

笔记专栏收录该内容

20 篇文章 3 订阅

订阅专栏

1、创建一个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" }  
]  
}

2、jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <script type="text/javascript">
   var xmlHttp=null;
   //创建xmlhttprequest对象 
  if(window.XMLHttpRequest){
  	xmlHttp=new XMLHttpRequest();
  }else{
  	xmlHttp=new ActiveObject("Microsoft.XMLHTTP");
  }
  function myclick(){
  	try{
  		xmlHttp.onreadystatechange=handleStateChange;
  		xmlHttp.open("get","json.txt",true);
  		xmlHttp.send();
  	}
  	catch(exception){
  		alert("xmlHttp fail");
  	}
  }
  function handleStateChange(){
  	if(xmlHttp.readyState==4 && xmlHttp.status==200){
  		var result=xmlHttp.responseText;
  		var json=eval("("+result+")");
  		alert(json.programmers[0].firstName);
  	}
  }
  
  
  </script>
  </head>
  
  <body>
  <div>
  	<input type="button" value="AjaxTest" οnclick="myclick()"/>
  </div>
  </body>
</html>

u011955534

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX读取json数据

1、创建一个json.txt文件{ "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }, { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com"
复制链接

扫一扫

专栏目录