Javascript呼叫.axd文档

axd文档与ashx文档有相似的功能。此博文中，Insus.NET演示如何在Javascript呼叫到axd文档。能呼叫到axd文档，当然也可以呼叫到ashx的，不过此次axd是主角。

在你的专案的App_Code中，创建一个类别，记得要实作IHttpHandler接口。 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;



/// <summary>

/// Summary description for InsusClass

/// </summary>

namespace Insus.NET

{

    public class InsusClass : IHttpHandler

    {

        public InsusClass()

        {

            //

            // TODO: Add constructor logic here

            //

        }



        public bool IsReusable

        {

            get { throw new NotImplementedException(); }

        }



        public void ProcessRequest(HttpContext context)

        {

            context.Response.ContentType = "text/Plain";

            string parm = context.Request.Params["v"];

            context.Response.Write("Hello, " + parm);        

        }

    }

}

 

 然后，在web.config注册axd文档：

 

为了做一个演示，我们可以在.aspx放置一个TextBox和一个Button。这样用户可以在文本框中输入文字，点击铵钮可以呼叫到它。

 <asp:TextBox ID="TextBoxName" runat="server"></asp:TextBox>

            <asp:Button ID="ButtonCall" runat="server" Text="Call"

                OnClientClick="callAxd();" />

 

在铵钮中使用了OnClientClick="callAxd();"， 是客户端执行，可以直接Ctrl + C，Ctrl + V帖于head 即可。

function callAxd() {
            var xhr = new XMLHttpRequest();

            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    alert(xhr.responseText);
                }
            }

            var url = "i.axd?v=" + document.getElementById('<%=TextBoxName.ClientID%>').value;
            xhr.open("GET", url, true);
            xhr.send();
        }

 

OK，我们运行一下：