javascript - 使用 jQuery 根据 AJAX 结果修改 DOM

Question

我不确定基于 ajax 响应修改 DOM 的最佳实践。我会尝试让代码来说话，因为它很难解释。

// page has multiple checkboxes
$("input[type='checkbox']").live('click', function {
  var cb = $(this); // for the sake of discussion i need this variable to be in scope
  $("form").ajaxSubmit({ dataType: "script" });
}

服务器发回响应，并且 js 被评估，这意味着“cb”超出范围。

到目前为止我所做的是创建几个辅助函数:

var target = undefined;

function setTarget(val) {
  target = val;
}

function getTarget() {
  return target;
}

这会将第一段代码变成这样:

// page has multiple checkboxes
$("input[type='checkbox']").live('click', function {
  setTarget($(this));
  $("form").ajaxSubmit({ dataType: "script" });
}

然后根据服务器的响应，我在需要的地方调用 getTarget。这看起来有点骇人听闻...有什么建议吗？

Answer 1

目前尚不清楚您实际上想要做什么，但我觉得您想要查看该 AJAX 调用的成功参数。成功回调函数应该在父作用域中执行并执行您要查找的操作。

查看 this page in the jQuery docs 上的“成功” .