asp.net 使用jquery 如何编写实现请求本页面的无刷新操作

拖拉板 2009-06-03 11:43:42

使用jquery，怎么实现像asp.net的UpdatePanel一样，不需要请求一个新的页面就可以在当前页实现无刷新操作?

...全文

127 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

小_Y 2009-06-07

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>

<html>
<head>
<title></title>

<script language="javascript" src="../js/jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
select();
window.setInterval(function () {select()}, 3000);
})

function select(){
$.ajax({
type : "POST",
url : "../AdminServlet",
timeout : 2000,
error: function(){alert('查询失败');},
data : "info=selectInfo",
success : function(msg){
$("#result").html(msg);
$(".num").dblclick(function(){
if(confirm("是否删除该条信息?")){
var list = $(this).parents("tr").children(".num");

$.ajax({
type : "POST",
url : "../AdminServlet",
timeout : 2000,
error: function(){alert('删除失败');},
data : "num="+list.text()
+"&time="+$("#span").val()
+"&info=deleteInfo" ,
success : function(msg){alert(msg);}
})
}
})
}
})
}

</script>
</head>
<body bgcolor="#99999">
欢迎你:<span>${user.userName}</span>
<hr>
<div id="result">
</div>

</body>
</html>

Java的。

拖拉板 2009-06-04