主页 / 网络编程 /

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

网络编程 2021-07-05 10:37www.168986.cn编程入门
异步刷新想必大家并不陌生吧，本文主要为大家介绍下asp. jquery+ajax实现异步刷新过程，感兴趣的朋友可以参考下
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://.w3./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;
}
}
}
}
上一篇：ajax后台处理返回json值示例代码 下一篇：IE下jquery ajax无法获得最新数据的问题解决(IE缓存

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by