如何通过js 获取json数据

如何通过js 获取json数据,第1张

==========================================

js 中读取JSON的方法探讨

js读取JSON的方法我接触到的有两种:

方法一:函数构造定义法返回

var strJSON = "{name:'json name'}"//得到的JSON

var obj = new Function("return" + strJSON)()//转换后的JSON对象

alert(obj.name)//json name

方法二:js中著名的eval函数

var strJSON = "{name:'json name'}"//得到的JSON

var obj = eval( "(" + strJSON + ")" )//转换后的JSON对象

alert(obj.name)//json name

第二种方法需要注意的是,对象表达式{'name':'json name'}必须用“()”扩住,否则

var strJSON = "{name:'json name'}"

var obj = eval(strJSON)

alert(obj.constructor)//String 构造函数

alert(obj.name)//undefine

必须把对象表达式扩起来eval执行才能生成一个匿名对象!

,参考例子如下:

<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>

1、按照描述,题主是想将多条数据记录提交到服务端,同时服务端将数据插入到数据库。那么思路是将多条数据存在数组中,调用post方法的接口传入后端。

2、方法如下:

var sendData = []

sendData.push({name:'david',age:'20'})

sendData.push({name:'peter',age:'23'})

3、传递数据给服务端,一般使用post方法调用接口,使用jquery,代码如下:

$.post("接口路径",sendData,function(result){

console.log(result,'发送结果')

})

扩展资料:

1、json与字符串互相转换:

JSON.parse('{"name":"karla"}')//将字符串转换为json

JSON.stringify({name:'karla'})//将json转化为字符串

2、jquery中post与get的区别:

1) $.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来 进行异步请求的。

2)get请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体     内容发送给Web服务器的,这种传递是对用户不可见的。

3) get方式传输的数据大小不能超过2KB 而POST要大的多。

4)GET 方式请求的数据会被浏览器缓存起来,因此有安全问题。

参考资料:百度百科-json


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

原文地址:https://54852.com/sjk/9883690.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存