html5调用json数据接口怎么写

html5调用json数据接口怎么写,第1张

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

}

}

在html中调用两个函数的方法:

示例代码,同时调用函数A和函数B:

<html>

<head>

<title>同时调用多个函数</title>

<script language="javascript">

function funA(){

alert("这是函数A")

}

function funB(){

alert("这是函数B")

}

</script>

</head>

<body>

<input type="button" value="点击调用多个函数" onClick="funA(),funB()">

</body>

</html>

也就是在调用一个函数的基础上,用逗号“,”隔开两个函数名即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8369955.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存