asp.net jquery+ajax异步刷新实现示例

复制代码 代码如下:

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

  <title></title>

  <script charset="gb1232" src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

  <script type="text/javascript">

  // function sys() {

  // $.post("test1.ashx", {"Name":$("#text1").val()}, function (data) {

  // $("#text2").val(data);

  // });//第一种方案,要在text1添加onblur="sys()"事件响应

  // }

  $(document).ready(function () {

  $("#text1").blur(function () {

  $.post("test1.ashx", { "Name": $("#text1").val() }, function jy(data) {

  $("#text2").val(data);

  });

  });

  });//第二钟方案

  </script>

  </head>

  <body>

  <input type="text" id="text1" />

  转换

  <input type="text" id="text2" />

  </body>

  </html>

  asph处理程序如下:

  

复制代码 代码如下:

  using System;

  using System.Collections.Generic;

  using System.Linq;

  using System.Web;

  namespace 异步刷新

  {

  /// <summary>

  /// test1 的摘要说明

  /// </summary>

  public class test1 : IHttpHandler

  {

  public void ProcessRequest(HttpContext context)

  {

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

  string name = context.Request["Name"];

  context.Response.Write(name);

  }

  public bool IsReusable

  {

  get

  {

  return false;

  }

  }

  }

  }