ASP.NET MVC - AjaxContext

发布于 2024-07-24 23:08:27 字数 972 浏览 3 评论 0原文

我尝试检查 ASP.NET-MVC 使用的 AjaxContext，例如 Ajax Actionlinks 及其 onSucces、onComplete 等客户端函数。但我不太明白...这东西的文档在哪里？

有人知道当我处于 onSuccess 或 onComplete javascript 事件中时如何获取“target”或“srcElement”（e.target 或 window.event.srcElement）吗？

<%=Ajax.ActionLink(
"LinkText", "Action", New With {.Controller = "ControllerName"}, 
New AjaxOptions With {
    .UpdateTargetId = "divElement", 
    .OnSuccess = "function(ajaxContext) {console.log(ajaxContext);}"
}) %>

其结果是：

<a 
    href="/Popout/ApplicationCodePopout"
    onclick="Sys.Mvc.AsyncHyperlink.handleClick(
        this, new Sys.UI.DomEvent(event), 
        { 
            insertionMode: Sys.Mvc.InsertionMode.replace, 
            updateTargetId: 'divElement', 
            onSuccess: Function.createDelegate(this, 
                function(ajaxContext) {console.log(ajaxContext);}
            )
        }
    );"
>LinkText</a>

原文

I've tried to inspect the AjaxContext that ASP.NET-MVC uses on for instance Ajax Actionlinks and their onSucces, onComplete etc. clientside functions. But I don't understand very much of it... Where is the documentation on this thing?

Does anybody know how to I get the 'target' or 'srcElement' (e.target or window.event.srcElement) when I am in a onSuccess or onComplete javascript event?

<%=Ajax.ActionLink(
"LinkText", "Action", New With {.Controller = "ControllerName"}, 
New AjaxOptions With {
    .UpdateTargetId = "divElement", 
    .OnSuccess = "function(ajaxContext) {console.log(ajaxContext);}"
}) %>

Which results in:

<a 
    href="/Popout/ApplicationCodePopout"
    onclick="Sys.Mvc.AsyncHyperlink.handleClick(
        this, new Sys.UI.DomEvent(event), 
        { 
            insertionMode: Sys.Mvc.InsertionMode.replace, 
            updateTargetId: 'divElement', 
            onSuccess: Function.createDelegate(this, 
                function(ajaxContext) {console.log(ajaxContext);}
            )
        }
    );"
>LinkText</a>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

日记撕了你也走了 2024-07-31 23:08:27

您可以将 onSuccess 方法更改为：（

<%=Ajax.ActionLink(
"LinkText", "Action", New With {.Controller = "ControllerName"}, 
New AjaxOptions With {
    .UpdateTargetId = "divElement", 
    .OnSuccess = "function(ajaxContext) {debugger;}"
}) %>

注意调试器关键字）

然后您可以使用 VS2008 闯入它（假设使用 IE，如果您使用 Firefox，则安装 Firebug 正如 Jake 所说），然后您可以使用快速监视窗口（在 VS 中或 Firebug 等中的等效窗口）来查看对象及其属性/方法 ?

至于一些文档，请查看此链接查看代码注释，以及这篇文章了解更多信息。

You could change the onSuccess method to this:

<%=Ajax.ActionLink(
"LinkText", "Action", New With {.Controller = "ControllerName"}, 
New AjaxOptions With {
    .UpdateTargetId = "divElement", 
    .OnSuccess = "function(ajaxContext) {debugger;}"
}) %>

(Note the debugger keyword)

Then you can break into it using VS2008 (assuming IE, if you're using Firefox, then install Firebug as Jake said) and then you can use the quick watch window (in VS or equivalent in Firebug etc) to view the object and it's properties/ methods etc.

As for some documentation, check out this link to see the code comments, and this article for some more information.

回复收藏 0 原文

爱人如己 2024-07-31 23:08:27

好的，您需要安装 Firebug （如果您还没有安装，请立即安装:) 现在开始使用 console.log 在代码中帮助您了解每个对象具有哪些可用属性和功能。尝试输入 console.log(document) - 您可以在控制台窗口的文本框（>> 旁边）中执行此操作。请注意如何单击控制台中的链接来查询并查看对象具有哪些可用属性和功能。

回复收藏 0 原文