网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

jQuery如何遍历json对象?

2021/10/10 11:13:23

json对象是javaScript的原生对象,用来处理json格式数据。那么我们如何通过jQuery遍历json对象呢?通过以下的实例我们来看看如何实现?<!DOCTYPE html><html><head><meta charset="utf-8"><title>jQuery如何遍历json对象?www.w…

        json对象是javaScript的原生对象,用来处理json格式数据。那么我们如何通过jQuery遍历json对象呢?通过以下的实例我们来看看如何实现?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery如何遍历json对象?www.woaidaogu.com</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<script>
$(function () { 
var jsonObj = {
"姓名": "张萌萌",
    "出生日期": "2008-10-1",
    "兴趣爱好": "尤克里里、游泳"
  };
$.each( jsonObj, function( key, value ) {
alert( key + ": " + value );
});
})
</script>
 
</body>
</html>

image.png

        以上在javaScript内声明了一个json对象,然后通过jQuery的$.each()函数遍历json对象的所有键值。

        通过以上内容我们知道了jQuery如何遍历json对象,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!


相关资讯

    暂无相关的数据...