JQuery从servlet获取JSON_Jquery_Html_Json_Servlets

JQuery从servlet获取JSON

jquery html json servlets

JQuery从servlet获取JSON,jquery,html,json,servlets,Jquery,Html,Json,Servlets,我想创建一个progressbar，它从服务器（servlet）获取数据。因此，我创建了一个html文件和一个servlet，用于创建json数据（静态用于测试） <script> $(document).ready(function() { $.getJSON("GetProgressEvent", function(data) { $.each(data.ProgressEvents, function(){ $("#progress

我想创建一个progressbar，它从服务器（servlet）获取数据。因此，我创建了一个html文件和一个servlet，用于创建json数据（静态用于测试）

  <script>
  $(document).ready(function() {
    $.getJSON("GetProgressEvent", function(data) {     
    $.each(data.ProgressEvents, function(){
    $("#progressbar").progressbar({ value: this.progress });
     $("#progressStatus").html(this.status);
    });
    // setTimeout(arguments.callee, 500);
    });
  });
  </script>
</head>
<body style="font-size:62.5%;">

<div id="progressbar"></div>
<div id ="progressStatus"></div>
</body>
</html>

对于firebug，我注意到servlet正常发送数据，数据发送到lokk，如下所示：

  <script>
  $(document).ready(function() {
    $.getJSON("GetProgressEvent", function(data) {     
    $.each(data.ProgressEvents, function(){
    $("#progressbar").progressbar({ value: this.progress });
     $("#progressStatus").html(this.status);
    });
    // setTimeout(arguments.callee, 500);
    });
  });
  </script>
</head>
<body style="font-size:62.5%;">

<div id="progressbar"></div>
<div id ="progressStatus"></div>
</body>
</html>

{'ProgressEvents':[{'progress':10,'status':'10%'},{'progress':20,'status':'20%'},{'progress':30,'status':'30%'}}]}

但问题是循环从未执行过，我不明白为什么。我刚开始使用jQuery，我需要您的帮助，任何帮助都是非常感谢的

提前感谢您的帮助：）

问题是“json无效，您需要双引号。”

  <script>
  $(document).ready(function() {
    $.getJSON("GetProgressEvent", function(data) {     
    $.each(data.ProgressEvents, function(){
    $("#progressbar").progressbar({ value: this.progress });
     $("#progressStatus").html(this.status);
    });
    // setTimeout(arguments.callee, 500);
    });
  });
  </script>
</head>
<body style="font-size:62.5%;">

<div id="progressbar"></div>
<div id ="progressStatus"></div>
</body>
</html>

您可以使用

  <script>
  $(document).ready(function() {
    $.getJSON("GetProgressEvent", function(data) {     
    $.each(data.ProgressEvents, function(){
    $("#progressbar").progressbar({ value: this.progress });
     $("#progressStatus").html(this.status);
    });
    // setTimeout(arguments.callee, 500);
    });
  });
  </script>
</head>
<body style="font-size:62.5%;">

<div id="progressbar"></div>
<div id ="progressStatus"></div>
</body>
</html>