如何使用 jQuery Click 事件处理 $.getJSON 中的 JSON 对象？

Question

我不确定这是否是一个愚蠢的问题...我正在尝试使用 jQuery 单击事件对 JSON 数组进行排序。以下是我认为应该有效的简化 html 代码：

<SCRIPT type='text/javascript'>

function results(json) {
// display unsorted results in $('#results')
}

$('#sort').click(function (json) {
// sort and display results in $('#results')
});

var query = some_query;
var json = new Object();
$.getJSON(query, results);

</SCRIPT>

<A href='javascript:void(0)' id='sort'>Sort</A>
<DIV id='results'></DIV>

单击“排序”链接后没有收到任何响应。当我用alert(json)替换排序函数时，出现json未定义错误。我在这里错过了什么吗？

进一步更新：

我已经修改了代码，这应该可以工作。感谢大家的贡献:)

<SCRIPT type='text/javascript'>

function results(json) {
// display unsorted results in $('#results')
$('#sort').click(function() {sort(json);});
}

function sort(A) {
var B = A.sort(sorting()); // function to sort the array
results(B);
}

var query = some_query;
$.getJSON(query, results); // triggered by listener

</SCRIPT>

<A href='javascript:void(0)' id='sort'>Sort</A>
<DIV id='results'></DIV>

Answer 1

您只需要进行一些更改：

<SCRIPT type='text/javascript'>

function results(data, textStatus, jqXHR) {
  // display unsorted results in $('#results')
  var json = data;
}

$('#sort').click(function () {
  var query = some_query;
  $.getJSON(url, query, results);
});

</SCRIPT>

<A href='javascript:void(0)' id='sort'>Sort</A>
<DIV id='results'></DIV>

当从您发送 $.getJson() 请求的 URL 收到成功的 JSON 响应时，将调用您的 results 函数。

Answer 2

在您的单击处理程序中，您期望“json”作为参数。所以它正在参数范围内寻找它。您已将“json”定义为全局变量，但它不会在那里找到它，因为您正在寻找它作为参数。

因此，您要么需要将“json”传递给处理程序，要么需要删除参数期望。