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

}

}

简单点说，就是前端技术与后端技术沟通，根据业务定义交互接口，交互接口的的形式可能包含：

1、后端将数据输出到HTML页面，在JS控制逻辑中需要访问数据时可以从HTML中取得。

2、定义前后端请求的接口，一般是AJAX接口，如果存在跨域问题或一些特殊的业务场景，可能也会使用JSONP或者其他方式，总之，不论是何种方式请求，目的都是动态的请求数据，然后根据返回数据刷新页面内容。返回数据的格式现在主流是使用JSON格式，但是也不排除一些特殊的业务场景需要是使用XML或其他格式的数据。

---