0

我现在正在开发的代码的想法是从 JSON 文件（我从服务器获取）中提取数据，然后使用漂亮的图形显示结果。问题是我无法检索将 JSON 结果保存在 Jquery 代码中的对象，因此我可以将它们加载到图形中。为了简化，我的代码是这样的（Javascript部分）

var obj; //I initialize it here in order to make it global though it doesn't work

function handle_json() {
  if (http_request.readyState == 4) {
     if (http_request.status == 200) {
      var json_data = http_request.responseText; 
      obj = eval("(" + json_data + ")");
      //at this point I have the information I want in "obj"
} else {
  alert("A problem ocurred.");
}
http_request = null;

} }

但现在我想将“obj”发送到我的 jQuery 代码，这样我就可以访问信息并显示它。但是如果尝试这个（jQuery部分）

$(function () {
 alert(obj.results.bindings[0].a.value); //<-- this doesn't work, obj isn't initialized
var fert = [];
fert = [[1990, 1.28], [1995, 1.25], [2000, 1], [2005, 1.3], [2010, 1.83]];

var plot = $.plot($("#placeholder"),
       [ { data: fert, label: "Fertility"} ], {
           series: {
               lines: { show: true },
               points: { show: true }
           },
           grid: { hoverable: true, clickable: true },
           yaxis: { min: 0, max: 2}
         });

我明白了问题所在，我进行了异步 Ajax 调用，我需要在评估 de json 信息（ obj = eval("(" + json_data + ")") ）后立即执行 jQuery 但我只是不知识！如果有帮助，我使用了一个名为“flot”的库来绘制图形。非常感谢！任何帮助将不胜感激:)

4

2 回答 2

1

当前，您的 jQuery 代码位于文档就绪处理程序中，因此（显然）它在文档就绪后立即运行 - 与您的 Ajax 调用完全无关的时间。相反，将您的 jQuery 代码放在它自己的函数中，并在您设置obj. 或者只是将 jQuery 代码直接移动到您设置的函数中obj：

  var json_data = http_request.responseText; 
  obj = eval("(" + json_data + ")");
  //at this point I have the information I want in "obj"
  // either process obj directly here, or call a function to do it...
  processData(obj);

  ...

  function processData(obj) {
     // your jQuery code here, using obj
  }

不过更好的是，因为无论如何您都在使用 jQuery，所以最好使用jQuery 的 Ajax 函数之一来执行 Ajax 。我建议$.getJSON()。

$.getJSON("yourURLhere", function(obj) {
    // your jQuery code using obj here
});
于 2012-05-21T22:07:23.757 回答
0

当您使用 jQuery 的 AJAX 调用时，您可以提供一个函数在接收到数据后执行。它甚至有一个自动解析 JSON 的变体，如下所示：

$.getJSON(url, options, function(response) {
    ... do something with the data ...
});
于 2012-05-21T22:08:43.460 回答