html5调用json数据接口怎么写

Posted 2023-03-20

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=0;i
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;



参考技术A 用js的ajax，这个是jquery的一个简单例子，纯js的会稍微复杂点，
$.ajax(
type: "post",//请求方式
dataType: "json",//数据类型
url: "",//请求地址
success: function (msg)
//成功之后调用

);本回答被提问者和网友采纳