在 jQuery 中,可以使用 $.each() 函数来遍历 JSON 对象或数组。以下是使用 jQuery 遍历 JSON 的实现代码示例:

遍历 JSON 对象:
<!-- 引入 jQuery 库 -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

<script>
  // JSON 格式的对象
  var jsonObject = {
    "name": "John",
    "age": 30,
    "city": "New York"
  };

  // 使用 $.each() 遍历对象的属性
  $.each(jsonObject, function(key, value) {
    console.log(key + ": " + value);
  });
</script>

遍历 JSON 数组:
<!-- 引入 jQuery 库 -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

<script>
  // JSON 格式的数组
  var jsonArray = [
    {"name": "John", "age": 30, "city": "New York"},
    {"name": "Alice", "age": 25, "city": "Los Angeles"},
    {"name": "Bob", "age": 35, "city": "Chicago"}
  ];

  // 使用 $.each() 遍历数组的元素
  $.each(jsonArray, function(index, person) {
    console.log("Person " + (index + 1) + ":");
    $.each(person, function(key, value) {
      console.log("  " + key + ": " + value);
    });
  });
</script>

在上述示例中,$.each() 函数接受两个参数,第一个参数是要遍历的对象或数组,第二个参数是一个回调函数,该回调函数在每次迭代时被调用。回调函数的参数包括属性(或索引)和值,通过这两个参数可以访问 JSON 对象或数组的成员。

请注意,在使用 jQuery 之前,确保已经在页面中引入了 jQuery 库。你可以通过在 HTML 页面的 <head> 部分添加 <script> 标签来引入 jQuery。


转载请注明出处:http://www.zyzy.cn/article/detail/4542/JSON