html中怎么传入数据json.txt

使用ajax取值，次方法需要本地服务器

$.ajax({

type: 'POST',

url:'/你的json文件路径/json.txt',

data: {'id':rcid},

dataType:'json',

beforeSend:function(){

//$(".askContentList").append("<li id='loading'>loading...</li>")

},

success:function(json){

alert(json)//取到的json值

},

error:function(){

alert('数据加载失败，请刷新页面!')//消息提醒

}

})

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

}

}

利用getJson（）函数获取json文件

getJson(url,[data],[Callback]),对具体的参数解释如下：

url:加载的页面地址

data:传递的数据

Callback:加载完成是回调函数

例子：

[html] view plain copy

function LoginQueryAccount(){

$.getJSON("userinfo.json",function(data){

var $jsontip = $(".rightdiv")

var strHtml = ""//存储数据的变量

$jsontip.empty()//清空内容

$.each(data,function(infoIndex,info){

strHtml += "姓名："+info["name"]+"</br>"

strHtml += "性别："+info["sex"]+"</br>"

strHtml += "邮箱："+info["email"]+"</br>"

strHtml += "</hr>"

})

$jsontip.html(strHtml)//显示处理后的数据

})

}

---