使用jQuery迭代从webservice收到的JSON

时间:2015-11-08 09:03:57

标签: javascript jquery json

在下面的简单代码片段中,我从php页面获取JSON响应,然后尝试迭代它并提醒每个JSON对象上的name字段。但它并没有提醒任何事情。

glfwDefaultWindowHints()

示例JSON

<html>
<head>
  <title>AJAX DB</title>
</head>

<body>

  Name: <input type="text" id="name">
  <input type="submit" id="name-submit">
  <div id="formatted-data"></div>
  <div id="name-data"></div>

  <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script >

  $('input#name-submit').on('click',function(){
    var name = $('input#name').val();

    if($.trim(name) != ''){
      $.post('appservice.php', {search_key: 'users_search', search_value:  name}, function(data){
        //$('div#name-data').text(search_data);
        $.each(data, function(i, obj) {
          alert(obj.name);
        });
      });
    }
  });

  </script>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

当JSON仍处于JSON字符串形式时,您无法使用它。您需要解析它才能使用它。尝试:

data = JSON.parse(data);