Javascript呼叫.axd文档

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

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

View Code 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。这样用户可以在文本框中输入文字，点击铵钮可以呼叫到它。

View Code  <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 即可。

View Code 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，我们运行一下：