html5取json数据库 html5获取json数据

html5怎么从服务端获取数据

前端通过接口去访问服务器，服务器通过脚本去取数据库里的数据，并将数据组织成xml或者json数据格式发送给前端，前端使用一个操作句柄进行接收。技术就是采用ajax。可以使用jquery封装好的$.ajax去异步获取后台的数据。

直接百度ajax用法：

$.ajax({

type: "POST",

url: url,

data:{},//数据

async: false,//同步

dataType: 'json',

success: function (data) {

alert(JSON.stringify(data))

},

error: function (XMLHttpRequest, textStatus, errorThrown) {

alert("报错");

}

});

相关问答

Q1: 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=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;

}

}

Q2: 《html》中怎么解析json数据？

HTML5已原生支持json的解析，window.JSON.parse()将json格式字符串转换为json对象，window.JSON.stringify()将json对象转换为json格式字符串。

示例：

Html代码 

!DOCTYPE HTML  

html  

head  

    titleWindow.JSON/title  

    meta charset="gb18030"  

/head  

  

body  

    button type="button" id="btn1"解析json字符串/button  

    button type="button" id="btn2"json对象转换为json字符串/button  

    div id="res"  

      

    /div  

    script language="JavaScript"  

    !--  

        var jsonStr = "{\"total\":100,\"data\":[{\"id\":10001,\"name\":\"scott\"},{\"id\":10002,\"name\":\"tiger\"}]}";  

        var jsonObj = window.JSON.parse(jsonStr);  

          

        document.getElementById("btn1").onclick = function() {  

            var str = "json字符串解析为json对象br";  

            str += "spanTotal:"+jsonObj.total+"/spanbrspanData:";  

            for (var i=0;ijsonObj.data.length ; i++)  

            {  

                str += "id:" + jsonObj.data[i].id + ",name:" + jsonObj.data[i].name+"br";  

            }  

            str += "/spanbr";  

            document.querySelector("#res").innerHTML = str;  

  

        }  

        document.getElementById("btn2").onclick = function() {  

            var jsonObj = {total:100,data:[{id:10001,name:"scott"},{id:10002,name:"tiger"}]};  

            var jsonStr = window.JSON.stringify(jsonObj);  

            var str = "转为json字符串：br" + jsonStr;  

            document.querySelector("#res").innerHTML = str;  

        }  

    //--  

    /script  

/body  

/html

单击“解析json字符串”按钮，结果：

json字符串解析为json对象

Total:100

Data:id:10001,name:scott

id:10002,name:tiger

单击“json对象转换为json字符串”按钮，结果：

转为json字符串：

{"total":100,"data":[{"id":10001,"name":"scott"},{"id":10002,"name":"tiger"}]}

Q3: HTML5怎么读取json文件

严格来说应该是js，建议使用jq框架

$(selector).getJSON(url,data,success(data,status,xhr))

参数描述

url    必需。规定将请求发送到哪个 URL。  

data    可选。规定发送到服务器的数据。  

success(data,status,xhr)    可选。规定当请求成功时运行的函数。

额外的参数：

data - 包含从服务器返回的数据

status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）

xhr - 包含 XMLHttpRequest 对象

demo_ajax_json文件:

{

"firstName": "Bill",

"lastName": "Gates",

"age": 60

}

$.getJSON("demo_ajax_json.js",function(result){

$.each(result, function(i, field){

$("div").append(field + " ");

});

});

执行函数后，输出结果 Bill Gates 60

关于html5取json数据库和html5获取json数据的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。