js 读取 json文件

js 读取 json文件,第1张

如果要使用js读取json文件,那么ajax *** 作是必须的了。原生ajax有点麻烦,我想你们项目一定用了什么js库,这里给个jquery的例子:

$.get('xx.json路径', function(data){

    alert(data) // data即为json文件内容里的json数据

}, 'json')

如果把这个文件的内容读取为纯文本,可以修改$.get的最后一个参数json为text,或者删掉这个参数,默认也是text。

,参考例子如下:

<html>

<head>

<title>JS *** 作文本文件</title>

</head>

<body>

<script>

var arr = 1

function Write2Text()

{

var fso = new ActiveXObject("Scripting.FileSystemObject")

var f = fso.CreateTextFile("a.txt", true)

f.write(arr)

f.Close()

}

</script>

<input type=button value="Write" onclick="Write2Text()">

<script>

function GetHeader(src) {

var ForReading=1

var fso=new ActiveXObject("Scripting.FileSystemObject")

var f=fso.OpenTextFile(src,ForReading)

return(f.ReadAll())

}

function ReadText(){

var arr=GetHeader("a.txt").split("\r\n")

for(var i=0i<arr.lengthi++){

alert("第"+(i+1)+"行数据为:"+arr[i])

}

}

</script>

<input type=button value="Read" onclick="ReadText()">

</body>

</html>

//获取json,这里用的是jquery的ajax方法,只是意思意思,这里可以替换为任何ajax请求

function getData(){

$.ajax({

url: "xxx.php",

success: function(jsondata){

output(jsondata)

}

})

}

//函数

function output(json){

//转换字符串为对象

var Data = eval('(' + json + ')')

var html = ''

for(var i=0i<Data.lengthi++){

//具体键值根据你返回的字符串来

html += '名字' + Data[i].name + ' 年龄' + Data[i].age

}

//插入到元素

document.getElementById('el').innerHTML = html

}

//每隔10秒执行

setTimeout(getData, 10000)


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

原文地址: http://outofmemory.cn/tougao/6079817.html

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

发表评论

登录后才能评论

评论列表(0条)

保存