js中怎么获取json中的key,value值

js中怎么获取json中的key,value值,第1张

var obj = {"id": 1, "name":"张三"};

for(var key in obj)

{

alert("Key是:" + key);

alert("对应的值是:" + obj[key]);

}

Js遍历json对象所有key及根据动态key获取值:

Js代码

<script type="text/javascript">

getJson('age');

function getJson(key){

var jsonObj={"name":"傅红雪","age":"24","profession":"刺客"};

//1、使用eval方法    

var eValue=eval('jsonObj'+key);

alert(eValue);

//2、遍历Json串获取其属性

for(var item in jsonObj){

if(item==key){  //item 表示Json串中的属性,如'name'

var jValue=jsonObj[item];//key所对应的value

alert(jValue);

}

}

//3、直接获取

alert(jsonObj[''+key+'']);

}

</script>

通过上边三种方法就可以取到json中key对应的值。

在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value值呢,其实很简单,方法也不止一种,据我总结比较常用的就是下面的两种方法,闲话不多说了,下面那就来看看我说的方法吧: 

方法一、 

Java代码

<html>

<head>

<script language="javascript">

function print(){

var a=myformnamevalue;

alert(a);

}

</script>

</head>

<body>

<form name="myform">

<input type="text" name="name" id="nn" />

<input type="button" name="button" value="获取" onclick="print()" />

</form>

</body>

</html>

这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。 

方法二、 

JS代码

<html>

<head>

<script language="javascript">

function print(){

var a=documentgetElementById("nn")value;

alert(a);

}

</script>

</head>

<body>

<form>

<input type="text" name="name" id="nn" />

<input type="button" name="button" value="获取" onclick="print()" />

</form>

</body>

</html>

简介:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

简单来看,两种,一种直接根据classname或者Id去获取对应的元素拿到你要的值;

第二种通过定位当前元素,然后通过获取兄弟节点的方式去获取,相关法请自行查阅资料,一查一大把,自己查出来的才能留下更深的印象

以上就是关于js中怎么获取json中的key,value值全部的内容,包括:js中怎么获取json中的key,value值、js如何获取当前input的value值、js如何获取兄弟元素的value等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9791558.html

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

发表评论

登录后才能评论

评论列表(0条)

保存