OGeek|极客世界-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

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

2022-2-5 16:58| 发布者: 菜鸟教程小白| 查看: 241| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: 异步刷新想必大家并不陌生吧，本文主要为大家介绍下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; 
} 
} 
} 
} 