javascript - 从复选框选择更改 AJAX jQuery url

Question

我有四个复选框，我正在使用 jQuery AJAX 从 API 检索一些 JSON 数据，我想在复选框选择时动态更改 URL。当我将 ajax 代码放入点击函数中时，它可以正常工作，但是从外部点击函数中它不起作用。事实上，我无法在点击功能之外访问类别数组。

我想将类别的值存储到一个全局变量或数组中，这样我就可以在 Ajax 代码或我的代码中的其他地方访问它，但我不知道该怎么做。

var category = [];
$(".ckbox").click(function() {
  if ($(this).is(":checked")) {
    category.push($(this).val());
  } else {
    var x = category.indexOf($(this).val());
    category.splice(x, 1);
  }
  console.log(category); //show array on checkbox clicking
});
console.log(category); //show empty array

$.ajax({
  url: 'https://godrejapi-dot-indiacomapi.appspot.com/_ah/api/godrej/v1/godrejestablishment?',
  dataType: 'json',
  type: 'GET',
  data: {
    category: category,
    city: 'PUNE',
    begin: '0',
    limit: '200',
  },
  traditional: true,
  success: function(response) {
    console.log(response);
  },
  error: function(err) {
    alert("something went wrong.");
    console.log(err);
  }
});

Answer 1

您的变量范围可能有问题。没有看到整个代码，我无法确认这一点。如果要确保类别变量是全局的，请将其添加到窗口对象。

window.category = [];