Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），通过与后台服务进行少量数据交换，可以使网页实现异步更新，意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

下面演示以下asp.net中如何利用ajax和ashx，实现异步查询操作。

一、实现效果

二、具体过程

1、前端页面

(1)导入jquery

<script src="js/jquery.min2.js" type="text/javascript"></script>

(2)页面代码

<div>
  班期id：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
       <input type="button" onclick="cx()" value="查询 " />
   <br />
  班期名称：<asp:Label ID="Label1" runat="server" Text=""></asp:Label><br />
  培训机构：<asp:Label ID="Label2" runat="server" Text=""></asp:Label><br />
  培训开始：<asp:Label ID="Label3" runat="server" Text=""></asp:Label>
  培训结束：<asp:Label ID="Label4" runat="server" Text=""></asp:Label><br />
</div>

(3)JS代码

<script type="text/javascript">
         function cx() {
           var bqid = document.getElementById("<%=TextBox1.ClientID%>").value;
         
           $.ajax(
          {
               type: 'get',
               url: 'butie_cxajax.ashx',
               contentType: "application/json;charset=utf-8",
               dataType: "json",   //要求服务器返回一个json类型的数据
               data: { bqid: bqid },
               success: function (data) {
                   //若直接json输出alert(data)，显示[object Object]
                   $("#Label1").html(data["bqmc"]);
                   $("#Label2").html(data["xxdw"]);
                   $("#Label3").html(data["pxks"]);
                   $("#Label4").html(data["pxjs"]);
              },
               error: function () {
                   alert("出错了！请稍候再试！");
              }

          }
          );
      }
</script>

说明：type: 前台发给后端数据的方式；url:后端的地址；contentType：前台发送数据的格式；dataType:后端返回数据的格式；data: 前端需要发送的数据；function(data)中data可以自定义，指后端返回的数据。

2、后台ashx文件

string bqid = context.Request.QueryString["bqid"];
  Model.Banqi bq = new Model.Banqi();
  bq.bqid = bqid;
  DataTable dt = new DAL.banqi().GetList(bq);
  if (dt.Rows.Count==1)
      {
    string res_bqmc = dt.Rows[0]["bqmc"].ToString();
    string res_xxdw = dt.Rows[0]["xxdw"].ToString();
    string res_pxks =Convert.ToDateTime(dt.Rows[0]["pxks"]).ToString("yyyy-MM-dd");
    string res_pxjs =Convert.ToDateTime( dt.Rows[0]["pxjs"]).ToString("yyyy-MM-dd");
    string json = "{xxdw:'" + res_xxdw + "',bqmc:'" + res_bqmc + "',pxks:'" + res_pxks + "',pxjs:'" + res_pxjs + "'}";
     context.Response.Write(json);
     context.Response.End();
          }