html5读取json html获取json或者txt文件内容
html获取json或者txt文件内容
建议把温度值放到xml文件内
1、请把下面的代码保存为getairtemp.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 <html>
<head>
<scripttype="text/javascript">
var xmlhttp
function loadXMLDoc(url)
{
xmlhttp=null
// code for Mozilla, etc.
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest()
  }
// code for IE
else if (window.ActiveXObject)
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=state_Change
  xmlhttp.open("GET",url,true)
  xmlhttp.send(null)
  }
else
  {
  alert("Your browser does not support XMLHTTP.")
  }
}
function state_Change()
{
// if xmlhttp shows "loaded"
if (xmlhttp.readyState==4)
  {
  // if "OK"
  if (xmlhttp.status==200)
  {
  document.getElementById(A3).innerHTML=xmlhttp.responseText
  }
  else
  {
  alert("Problem retrieving XML data:"   xmlhttp.statusText)
  }
  }
}
</script>
</head>
<bodyonload="loadXMLDoc(airtemp.xml)">
<h2>Get date from mytemp.xml</h2>
<p>Air Temperature: <b><spanid="A3"></b></span>
</p>
</body>
</html>
 2、请把以下代码保存为airtemp.xml 跟html放在同一个目录
1
2
3
4
 <?xmlversion="1.0"encoding="ISO-8859-1"?>
<note>
    <airtemp>38</airtemp>
</note>
 3、用IE浏览器打开html文件,应该可以在页面看到38的温度读数。
相关参考资料 http://www.w3school.com.cn/xml/xml_dom.asp
js怎么读取本地的 json数据
var json = {  contry:{ area:{ man:"12万",  women:"10万" } } }
//方式一:使用eval解析  
var obj = eval(json)  
alert(obj.constructor)
alert(obj.contry.area.women)  
//方式二:使用Funtion函数  
var strJSON = "{name:json name}"//得到的JSON  
var obj = new Function("return"   strJSON)()//转换后的JSON对象  
    alert(obj.name)//json name  
    alert(obj.constructor)
//复杂一点的json数组数据的解析  
var value1 = [{"c01":"1","c02":"2","c03":"3","c04":"4","c05":"5","c06":"6","c07":"7","c08":"8","c09":"9"}, {"c01":"2","c02":"4","c03":"5","c04":"2","c05":"8","c06":"11","c07":"21","c08":"1","c09":"12"}, {"c01":"5","c02":"1","c03":"4","c04":"11","c05":"9","c06":"8","c07":"1","c08":"8","c09":"2"}]   var obj1 = eval(value1)  
alert(obj1[0].c01) 
//复杂一点的json的另一种形式  
var value2 = {"list":[ {"password":"1230","username":"coolcooldool"}, {"password":"thisis2","username":"okokok"}], "array":[{"password":"1230","username":"coolcooldool"},{"password":"thisis2","username":"okokok"}]}  
var obj2 = eval(value2)  
alert(obj2.list[0].password)
html5调用json数据接口怎么写
HTML5中可以通过localStorage数据与JSON对象的转换,快速实现存储更多数据的功能。
将localStorage数据转成JSON对象,需要调用JSON对象的parse()方法,JSON.parse(data)。其中data就是localStorage对象获取的数据,调用该方法将返回一个装载data数据的JSON对象。
通过stringify()方法,将一个实体对象转换为JSON格式的文本数据,JSON.stringify(obj)。obj表示任意一个实体对象,该方法返回一个由实体对象转成JSON格式的文本数据集。
下例所示:
function addStu(){
var sno=$$("sno").value,
name=$$("name").value,
sex=$$("sex").value,
score=$$("score").value
//声明一个实体对象,将学生的信息当作对象的成员
var
dataSet=new Object
dataSet.sno=sno
dataSet.name=name
dataSet.sex=sex
dataSet.score=score
//把dataSet这个对象转换成JSON格式的文本数据
var
list=JSON.stringify(dataSet)
localStorage.setItem(sno,list)
getlocalData()
}
function getlocalData(){
var addInfo=""
for(var i=0i
var key=localStorage.key(i)
//把json格式的字符串转换成JSON对象
var
dataSet=JSON.parse(localStorage.getItem(key))
addInfo ="
" dataSet.sno
"" dataSet.name
"" dataSet.sex
"" dataSet.score
""
$$("allInfo").innerHTML=addInfo
}
}