使用“这个” jQuery 函数内部

Question

我创建了一个 CalendarViewerPortlet 自定义对象 JS 对象。在此对象中，我存储诸如 portlet 的 id 及其上下文路径之类的内容。该对象还有许多自定义方法，有些用于获取/设置成员变量，有些用于执行特定操作。

当我尝试使用“this”引用对象的函数时。在 jQuery 函数内部，它会爆炸。我知道在这种情况下术语“this”可能指的是其他东西，但我不确定如何解决这个问题并让它引用该对象，正如我想要的那样。

这是有问题的代码：

jQuery.ajax({
  url: jQuery(formSel).attr("action"), 
  type: "POST", 
  data: jQuery(formSel).serialize(), 
  beforeSend: function(xhr) {
  jQuery(msgSel).hide();
  jQuery(msgSel).html("");
  jQuery(tableSel).hide();
  jQuery(pagerSel).hide();
  jQuery(cpSelector).block({
  message: "<img src='"+this.getContextPath()+"/images/icon_loading.gif' align='absmiddle' alt='Loading...' /> Fetching events..."
  });
},

注意“this.getContextPath()”。这就是代码失败的地方。我试图引用我的自定义对象的 getContextPath() 函数。我怎样才能做到这一点？

Answer 1

问题是 this.getContextPath() 代码稍后在作为 on 选项传递给 ajax() 函数的匿名函数中执行。因此，您想要的“this”（您的自定义 JS 对象）在方法执行时将不可用。您可以将其存储在变量中并让函数“闭包”作为引用。以下应该有效：

var calendarViewer = this;

jQuery.ajax({
  url: jQuery(formSel).attr("action"), 
  type: "POST", 
  data: jQuery(formSel).serialize(), 
  beforeSend: function(xhr) {
  jQuery(msgSel).hide();
  jQuery(msgSel).html("");
  jQuery(tableSel).hide();
  jQuery(pagerSel).hide();
  jQuery(cpSelector).block({
  message: "<img src='"+calendarViewer.getContextPath()+"/images/icon_loading.gif' align='absmiddle' alt='Loading...' /> Fetching events..."
  });
},

Answer 2

也许尝试使用jQuery(this)

看来我误解了你。在给定的示例中，上下文可能会导致“this”引用 jQuery 对象。尝试以下技巧：

function myCode() {
 var th = this;
 $.ajax( ... , th.getContextPath() ... );
}

// 好吧，它确实引用了 jQuery 对象。这是因为您没有使用缩进来指出在 onBeforeSend 中调用代码:(

Answer 3

您想要 which 对象的 getContextPath() 方法吗？

快速的 Google 搜索仅显示它可用于 Java，而不是 Javascript。

Answer 4

您可以使用 在 javascript 中调用
例如：

function SecondFunc() {
    alert(this.MyVar);
}
function FirstFunc() {
    var obj = {MyVar:"Test"}
    SecondFunc.call(obj);
}

在主体中，

<input type="button" onclick="FirstFunc()" value="test" />

只需在事件中调用 FirstFunc() ，它将使用您的自定义 this 执行 SecondFunc() 。

就你的情况而言

function raiseSendRequest()
{
sendRequest.call(YourCustomObject);
}

function sendRequest()
{

jQuery.ajax({
  url: jQuery(formSel).attr("action"), 
  type: "POST", 
  data: jQuery(formSel).serialize(), 
  beforeSend: function(xhr) {
  jQuery(msgSel).hide();
  jQuery(msgSel).html("");
  jQuery(tableSel).hide();
  jQuery(pagerSel).hide();
  jQuery(cpSelector).block({
  message: "<img src='"+this.getContextPath()+"/images/icon_loading.gif' align='absmiddle' alt='Loading...' /> Fetching events..."
  });
}

希望这有效

Answer 5

提示：您应该熟悉 Javascript 中的词法作用域

如果您在另一个对象中设置了 ajax，那么您可以尝试...

{
  //code
  var ObjectSelf = this;

  //refer to your object via ObjectSelf

}

Answer 6

这是一个绑定问题。当您在 jQuery 方法内调用此方法时，它通常会引用您正在执行任务的 DOM 或 HTML 元素。

我会推荐看看

jQuery.proxy()

可以解决您的问题。