javascript调用后台静态方法与WebService

一、调用后台静态方法

1.在页面方法中声明一个静态方法

[WebMethod]
public static string HelloWorld()
{
    return "Hello World";
}

2.在页面上添加一个 ScriptManager 控件和一个 button

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>

<input type='button' value='test' onclick='test();' />

3.在 javascript 中调用 HellWorld 方法

function test()
{
    PageMethods.HelloWorld(callback);
}

function callback(s)
{
    alert(s);
}

  上边callback 为回调方法，当我们后台的静态方法有返回值时，可以写这个callback方法，callback方法的声明中的参数就是返回值，可以在callback方法中对返回值进行处理。这里的处理方式是弹出（alert）。

二、调用 webservice

1.添加一个 webservice HelloWorld.asmx

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService] /* 不要漏掉 */
public class Print : System.Web.Services.WebService
{
    public Print()
    {
        //如果使用设计的组件，请取消注释以下行 
        //InitializeComponent(); 
    }

    [WebMethod] 
    public string HelloWorld()
    {
        return "Hello World";
    }
}

2.页面添加一个 ScriptManager

<asp:ScriptManager ID="ScriptManager1" runat="server">
        <Services>
            <asp:ServiceReference Path="~/HelloWorld.asmx" />
        </Services>
</asp:ScriptManager>

3.在页面上调用

HelloWorld.HelloWorld(callback);
webservice名字.方法名(回调函数);

三、向客户端传递对象，实现面向对象编程

[Serializable]
public class Car
{
    public string ID
    {
        get;
        set;
    }

    public string Name
    {
        get;
        set;
    }
    // 必须包含一个公共的默认的构造方法
    // 不然会出错
    // 定义的类必须序列化
    public Car()
    { 
    }

    public Car(string id, string name)
    {
        this.ID = id;
        this.Name = name;
    }
}

当 car 以对象的格式回传给客户端时候，可以这样调用

function getCarMessage()
{
    PageMethods.GetCar(showCar);
}

function showCar(car)
{
    document.getElementById("Text7").value = car.ID;
    document.getElementById("Text8").value = car.Name;
}

car 这个对象需要被序列化，当然当我们回传List<car>时候，同样需要序列化。