(原)也写Ajax入门-1

Page页调用js，js访问WebService方法，来实现数据的异步调用。

新建Default.aspx,拖放ScriptManager控件到页面中。

如下：

    <asp:ScriptManager runat="server" ID="script1" EnablePageMethods="true">
          <Scripts>
            <asp:ScriptReference Path="~/Js/JScript.js" />
          </Scripts>       

          <Services>
            <asp:ServiceReference Path="~/WebService.asmx" />
          </Services>
    </asp:ScriptManager>

     <input type="button" value="Ajax Say Hello" id="btnGetAjax" onclick="return SayHello()" />
    <span id="result" />

新建一个Js文件，方法如下：

 

     function SayHello() {
            WebService.HelloWorld(completeAjax);
        }

      function completeAjax(result) {
            document.getElementById("result").innerHTML = result;
        }

新建一个WebService.asmx文件，在App_Code中会有WebService.cs

在该类中声明：using System.Web.Services;

                    using System.Web.Script.Services; 

 

[ScriptService]
public class WebService : System.Web.Services.WebService {

    public WebService () {

        //Uncomment the following line if using designed components
        //InitializeComponent();
    }

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

 OK了，运行一下吧。这一个非常简单的示例！

希望有我，对大家都有帮助！