PAGEMETHODS无法使用JS函数

时间:2014-01-19 16:20:02

标签: c# javascript ajax code-behind pagemethods

我试图使用pagemethods从JS函数调用代码隐藏方法但是它没有调用它也没有抛出任何错误......

function example(){

pagemethods.method();
}

**aspx.cs
[webmethod]
public static void method(){

//some logic
}

所以为了找到问题我做了一些负面测试

  1. 我评论了WEBMETHOD然后它通过说“对象不支持这个属性或方法”显示错误。我可以假设这个案例显示页面方法正在运行!!!

  2. 然后我将JS函数中的调用方法名称替换为pagemethods.newmethod()但是我没有将方法名称更改为newmethod ..我期待一些错误,但它没有给我一个错误..

  3. 注意:我在表单声明中有“method = post”。它会影响页面方法的任何内容..

    很困惑为什么会出现这个问题!!!

    我们可以用任何其他方式调用codebehind方法而不是pagemethods..please advice !!!

4 个答案:

答案 0 :(得分:2)

msnd

您可以看到此示例,因此您需要

标记中的

<asp:ScriptManager ID="sm" runat="server" EnablePageMethods="true">
    <Scripts >
        <asp:ScriptReference Path="pm.js" />
    </Scripts>
</asp:ScriptManager>

在静态方法后面的代码中,使用属性[WebMethod]

pm.js这样的事情

function example(){
    PageMethods.method();
}

<强>更新
另一个变体使用ajax请求到您的方法,例如使用jquery in就像这样

function CallMethod(){
    $.ajax({
        type: "POST",
        dataType: 'json',
        contentType: "application/json; charset=utf-8",
        url: "YourPage.aspx/yourmathod",
        data:JSON.stringify({}), // parameters for method
        success: function (dt) { alert(dt);}, //all Ok
        error: function () { alert('error'); } // some error
    });
}

答案 1 :(得分:0)

也许您可能在aspx页面中缺少EnablePageMethods = true ...

答案 2 :(得分:0)

下面给出的代码对我有用。

.cs-

using Microsoft.AspNet.FriendlyUrls;
using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    [System.Web.Services.WebMethod(EnableSession = true)] 
    [System.Web.Script.Services.ScriptMethod(UseHttpGet = false, ResponseFormat = System.Web.Script.Services.ResponseFormat.Json)]
    public static string yourmethod1()
    {
         return "Allow user";
    }
}

apsx.cs页面-

<%@ Page Language="C#" AutoEventWireup="false" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">


<head runat="server">

    <title></title>

     <script type="text/javascript">

        function GreetingsFromServer()
        {
            PageMethods.yourmethod1(OnSuccess, OnError)
        }
        function OnSuccess(response)
        {
            alert(response);
        }
        function OnError(error) 
        {
            alert(error);
        }
    </script>

</head>


<body>

    <form id="form1" runat="server"  method="post" >

    <div>
            <asp:ScriptManager runat="server" EnablePageMethods="true"  EnablePartialRendering="true"  > </asp:ScriptManager>

            <input id="Button1" type="button" value="button" onclick=" return GreetingsFromServer();" />

    </div>

    </form>
</body>
</html>

Web.conf-

<configuration>

  <appSettings>
           <add key="owin:AutomaticAppStartup" value="false" />
  </appSettings>

    <system.web>

            <compilation debug="true" targetFramework="4.5.2" />

            <httpRuntime targetFramework="4.5.2" />

            <authorization>
                       <allow users="*"/>
            </authorization>

    </system.web>

</configuration>

答案 3 :(得分:0)

这种方法也有效-

.aspx文件-

   
<%@ Import Namespace="System" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="System.Linq" %>
<%@ Import Namespace="System.Web" %>
<%@ Import Namespace="System.Web.UI" %>
<%@ Import Namespace="System.Web.UI.WebControls" %>
<%@ Import Namespace="Microsoft.AspNet.FriendlyUrls" %>
<%@ Import Namespace="Newtonsoft.Json" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">


<head runat="server">
    <title></title>
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>

    <script type="text/javascript">

        function CallMethod()
        {
            debugger;


                jQuery.ajax({

                    url: 'Default.aspx/yourmethod',
                    type: "GET",
                    contentType: "application/json; charset=utf-8",
                    dataType: 'json',
                    data: JSON.stringify({}), // parameters for method
                    success: function (dt)
                    {
                        debugger;
                        alert('success : ' + dt.d  );

                    }, //all Ok
                    error: function (dt) {
                        debugger;
                        alert('error : ' + dt);
                    } // some error

                });


        }

        function GreetingsFromServer()
        {
            PageMethods.yourmethod1(OnSuccess, OnError);
        }
        function OnSuccess(response)
        {
            debugger;
            alert(response);
        }
        function OnError(error) {
            alert(error);
        }


    </script>


<script language="C#" runat="server">

    [System.Web.Services.WebMethod(EnableSession = true)]  
    [System.Web.Script.Services.ScriptMethod(UseHttpGet = true, ResponseFormat = System.Web.Script.Services.ResponseFormat.Json)]
    public static string yourmethod()
    {
        var settings = new Microsoft.AspNet.FriendlyUrls.FriendlyUrlSettings();
        settings.AutoRedirectMode = Microsoft.AspNet.FriendlyUrls.RedirectMode.Off;
        string json = Newtonsoft.Json.JsonConvert.SerializeObject("Allow user");
        return json;
    }


     [System.Web.Services.WebMethod(EnableSession = true)]  
    [System.Web.Script.Services.ScriptMethod(UseHttpGet = true, ResponseFormat = System.Web.Script.Services.ResponseFormat.Json)]
      public static string yourmethod1()
    {
        //string json = Newtonsoft.Json.JsonConvert.SerializeObject("Allow user");
        // or
        return "Allow user";
    }


    </script>
</head>
<body>
    <form id="form1" runat="server" >
        <div>

            <asp:ScriptManager runat="server" EnablePageMethods="true"  EnablePartialRendering="true"  > </asp:ScriptManager>
            <input id="Button1" type="button" value="button" onclick="return GreetingsFromServer();" />
             <input id="Button2" type="button" value="button" onclick="return CallMethod();" />
        </div>
    </form>
</body>
</html>

Web.conf-

<configuration>

  <appSettings>
           <add key="owin:AutomaticAppStartup" value="false" />
  </appSettings>

    <system.web>

            <compilation debug="true" targetFramework="4.5.2" />

            <httpRuntime targetFramework="4.5.2" />

            <authorization>
              <allow users="*"/>
            </authorization>

    </system.web>

</configuration>