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

asp.net jquery+ajax异步刷新实现示例_AJAX相关_脚本之家

2013-12-24 21:30:19 [小大] 已经帮助：人解决问题

复制代码代码如下:

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

（责任编辑：）