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
}
}