感谢大家提供的所有建议，Darin，虽然您的解决方案完美运行，但我想尝试使用内置的Ajax工具。我在查看
Jquery.Ajax()文档和检查“jquery.unobtrusive-ajax.js”后找到了一个解决方法，这更像是一种黑客而不是正确的用法，我不确定谁组合了“jquery.unobtrusive-ajax.js”文件，但如果有人知道如何给他们发送电子邮件，也许可以将此页面链接发送给他们 :-)。这是“jquery.unobtrusive-ajax.js”的有趣部分，在此函数“function asyncRequest(element, options)”中。
$.extend(options, {
type: element.getAttribute("data-ajax-method") || undefined,
url: element.getAttribute("data-ajax-url") || undefined,
beforeSend: function (xhr) {
var result;
asyncOnBeforeSend(xhr, method);
result = getFunction(element.getAttribute("data-ajax-begin"), ["xhr"]).apply(this, arguments);
if (result !== false) {
loading.show(duration);
}
return result;
},
complete: function () {
loading.hide(duration);
getFunction(element.getAttribute("data-ajax-complete"), ["xhr", "status"]).apply(this, arguments);
},
success: function (data, status, xhr) {
asyncOnSuccess(element, data, xhr.getResponseHeader("Content-Type") || "text/html");
getFunction(element.getAttribute("data-ajax-success"), ["data", "status", "xhr"]).apply(this, arguments);
},
error: getFunction(element.getAttribute("data-ajax-failure"), ["xhr", "status", "error"])
});
当这段代码在每个步骤 beforeSend、Complete、error 上调用
apply 方法时，它传递了两个参数，“this”和“arguments”... 这样做是有效的，但是在上下文中，“this”是 XHR(XMLHttpRequest)，而不是被点击的元素... 另外，通过检查函数头，您可以看到它将 XHR 对象作为第一个参数传递。那么为什么我们还需要它成为调用上下文呢？
我的解决方案是... 修改 "jquery.unobtrusive-ajax.js" 和 "jquery.unobtrusive-ajax-min.js" 文件...
与其在 apply 方法上传递“this”(XHR)，不如发送实际的元素！
所以整个函数现在看起来像这样：
function asyncRequest(element, options) {
var confirm, loading, method, duration;
confirm = element.getAttribute("data-ajax-confirm");
if (confirm && !window.confirm(confirm)) {
return;
}
loading = $(element.getAttribute("data-ajax-loading"));
duration = element.getAttribute("data-ajax-loading-duration") || 0;
$.extend(options, {
type: element.getAttribute("data-ajax-method") || undefined,
url: element.getAttribute("data-ajax-url") || undefined,
beforeSend: function (xhr) {
var result;
asyncOnBeforeSend(xhr, method);
result = getFunction(element.getAttribute("data-ajax-begin"), ["xhr"]).apply(element, arguments);
if (result !== false) {
loading.show(duration);
}
return result;
},
complete: function () {
loading.hide(duration);
getFunction(element.getAttribute("data-ajax-complete"), ["xhr", "status"]).apply(element, arguments);
},
success: function (data, status, xhr) {
asyncOnSuccess(element, data, xhr.getResponseHeader("Content-Type") || "text/html");
getFunction(element.getAttribute("data-ajax-success"), ["data", "status", "xhr"]).apply(element, arguments);
},
error: getFunction(element.getAttribute("data-ajax-failure"), ["xhr", "status", "error"])
});
options.data.push({ name: "X-Requested-With", value: "XMLHttpRequest" });
method = options.type.toUpperCase();
if (!isMethodProxySafe(method)) {
options.type = "POST";
options.data.push({ name: "X-HTTP-Method-Override", value: method });
}
$.ajax(options);
}
现在，当您创建处理这些事件的函数时，可以使用“this”来获取实际元素。
例如：
function BeginUpdatePage(xhr) {
$("#MainMenu li").removeClass('selected');
$(this).parent().addClass('selected');
$("#pageBody").fadeTo('slow', 0.5);
}
function EndUpdatePage(xhr,status) {
$("#pageBody").fadeTo('slow', 1);
}
function FailUpdatePage(data,status,xhr) {
alert('There has been an error loading this page please try again.');
}
现在，对于一些人来说，可能更容易采用Darin的解决方案，编写自己的Jquery来处理点击事件，嘿，你可能能够更好地掌控一切，但我相信内置的东西也应该能够正常工作，而不必去破坏它。所以我希望有人能够证明我是错的，并且实际上有更好的方法来做到这一点，或者这个脚本的制作者可以改变它。除非他们有充分的理由这样做？欢迎解释 :-) 再次感谢所有为这个问题提供好建议的人，我希望这能帮助未来的人们。
this。 - Wizard of Ogz