asp.net jquery+ajax异步刷新实现示例
程序员文章站
2023-01-28 15:57:28
复制代码 代码如下:
<!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;
}
}
}
}
复制代码 代码如下:
<!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;
}
}
}
}
上一篇： Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
下一篇： canvas炫酷时钟