AJAX PageMethods与Routing冲突?

时间:2011-07-14 20:15:43

标签: javascript .net ajax url-routing dopostback

编辑:帖子底部的最新信息。

我在页面上有一个更新面板,我强制用__doPostBack回发。

当我在/path/page.aspx.

浏览时,一切正常

但是,只要我通过/otherpath/page之类的路径访问该页面,就不会发生回发。

有什么建议吗?

这是我的JS文件:

/// <reference name="MicrosoftAjax.js"/>
function Check() {
   // Call the static page method.
   PageMethods.GetLatestHeadlineTick(OnSucceeded, OnFailed);
}

function OnSucceeded(result, userContext, methodName) {
   // Parse the page method's result and the embedded
   //  hidden value to integers for comparison.
   var LatestTick = parseInt(result);
   var LatestDisplayTick = parseInt($get('LatestDisplayTick').value);

   // If the page method's return value is larger than 
   //  the embedded latest display tick, refresh the panel.
   if (LatestTick > LatestDisplayTick)
    __doPostBack('UpdatePanel1', '');
   // Else, check again in five seconds.
   else
    setTimeout("Check()", 5000);
}

// Stub to make the page method call happy.
function OnFailed(error, userContext, methodName) { }

function pageLoad() {
  // On initial load and partial postbacks, 
  //  check for newer articles in five seconds.
  setTimeout("Check()", 5000);
}

我的标记:

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="True">
        <Scripts>
            <asp:ScriptReference Path="/resources/js/bus-times.js" />
        </Scripts>
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" ClientIDMode="Static">
        <ContentTemplate>
            <asp:GridView ID="gvSchedule" runat="server" AutoGenerateColumns="False" Width="80%">
                <AlternatingRowStyle CssClass="altrowstyle" />
                <HeaderStyle CssClass="headerstyle" />
                <RowStyle CssClass="rowstyle" />
                <Columns>
                    <asp:BoundField DataField="RouteName" HeaderText="Route" />
                    <asp:BoundField DataField="TimeTillDeparture" HeaderText="Departs In" />
                    <asp:BoundField DataField="ScheduledDepartureTime" HeaderText="Est. Departure Time" />
                </Columns>
                <EmptyDataTemplate>
                    Data is currently unavailable.
                </EmptyDataTemplate>
            </asp:GridView>
            <div class="updatedstyle">
                Last updated:
                <asp:Label ID="updated_time" runat="server" ></asp:Label></div>
            <asp:HiddenField runat="server" ID="LatestDisplayTick" ClientIDMode="Static" />
            <asp:HiddenField runat="server" ID="hf_stopID" ClientIDMode="Static" />
        </ContentTemplate>
    </asp:UpdatePanel>

代码隐藏中的Ajax方法:

<WebMethod()> _
Public Shared Function GetLatestHeadlineTick() As Long

    Dim stopID As String
    If HttpContext.Current.Request.QueryString("stop_id") <> Nothing Then
        stopID = HttpContext.Current.Request.QueryString("stop_id")
    Else
        stopID = "678036"
    End If

    ' Retrieve the cached DataTable.
    Dim dt_added As DateTime = CType(BusScheduleService.GetBusDataDateAdded(stopID), DateTime)

    ' Return that bus data timestamp, in ticks.
    Return dt_added.Ticks

End Function

编辑:

这是来自Fiddler的照片。工作版本位于顶部,错误位于底部。它返回405请求。因此,似乎Ajax请求在解析时被解释为实际路由名称,但该路由不存在,因此它不起作用。我怎么能绕过这个?看起来当Ajax调用一个函数时,它通过在URL之后指定一个/ functionName来实现,但是这模仿了路由语法......

Fiddler Output

因此,当AJAX尝试通过/path/page.aspx/GetLatestHeadLineTick调用GetLatestHeadLineTick时,它可以工作。但是有一条路线它会转到/ otherpath / page / GetLatestHeadLineTick,我想我的网站试图将其作为一条路线而不是AJAX请求处理。

我还注意到请求有效,它说内容类型是JSON,但是在失败的请求中它被解释为HTML。

1 个答案:

答案 0 :(得分:5)

Welp,我解决了这个问题,找到实际原因需要永远,但路由与__doPostBack或AJAX函数调用没有冲突。问题是PageMethods类和路由之间存在冲突。

PageMethods.GetLatestHeadlineTick(OnSucceeded, OnFailed);

上面一行查看路线并尝试从路线获取页面方法,但这不起作用。

所以我需要做的就是在那之前加上这一行:

PageMethods.set_path('/actualpath/actualpage.aspx')

作品!