JS调用Webservice简单例子

首先创一个WEB项目，直接使用默认创建的那个aspx页面编码

aspx页面：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>

        function HandleStateChange(reusltText) {
            $get("result").innerHTML = reusltText;
        }

    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="button" value="JS调用WebService" onclick="getStr()" />
        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <Services>
                <asp:ServiceReference Path="~/JSWebService.asmx" />
            </Services>
        </asp:ScriptManager>
         <div id="result">
        </div>
    </div>
    </form>
</body>
</html>

接着创建webservice

JSWebService.cs代码如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

/// <summary>
///JSWebService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
public class JSWebService : System.Web.Services.WebService {

public JSWebService () {

        //如果使用设计的组件，请取消注释以下行
        //InitializeComponent();
    }

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

以上就是完整的代码。其中要注意的有以下几点：

1、javascript中的2个方法的意思要懂，就是实现无刷新

2、asp:ScriptManager的配置要懂，其中Path属性的值就是js要掉用的webservice类

3、webservice类中[System.Web.Script.Services.ScriptService]的注释要取消，为了让JS能调用到该类

秒客网

JS调用Webservice简单例子

相关文章