页面无刷新传值
有一个发表心情的页面,我想发表心情后在页面上无刷新显示发表内容、时间发表的用户(就像QQ空间发表说说一样)怎样做到??? 新手,求高手帮忙解决,谢谢
[最优解释]
<head id="Head1" runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="lblError" style="color:Red; font-weight:bold"></div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<br />
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div style="background-color:#FFFFDD; padding: 20px">
<asp:Label ID="Label1" runat="server" Font-Bold="True"></asp:Label>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Refresh Time" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<div style="background-color:#FFFFDD;padding: 20px">
<asp:Label ID="Label2" runat="server" Font-Bold="True"></asp:Label>
<br />
<br />
<asp:Button ID="Button2" runat="server" Text="Refresh Time" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
<br />
<asp:UpdatePanel ID="UpdatePanel3" runat="server">
<ContentTemplate>
<div style="background-color:#FFFFDD;padding: 20px">
<asp:Label ID="Label3" runat="server" Font-Bold="True"></asp:Label>
<br />
<br />
<asp:Button ID="Button3" runat="server" Text="Refresh Time" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
<br />
<script type="text/javascript">
function pageLoad()
{
var pageManager = Sys.WebForms.PageRequestManager.getInstance();
pageManager.add_endRequest(endRequest);
}
function endRequest(sender, args)
{
// Handle the error.
if (args.get_error() != null)
{
$get("lblError").innerHTML = args.get_error().message;
// Suppress the message box.
args.set_errorHandled(true);
}
}
</script>
</div>
</form>
</body>
</html>
public partial class UpdatePanelTest : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Label1.Text = DateTime.Now.ToLongTimeString();
Label2.Text = DateTime.Now.ToLongTimeString();
Label3.Text = DateTime.Now.ToLongTimeString();
}
}
如果发表成功,继续获取发表的内容,然后把获取到的数据,放在事前命名的id,比如
<div id="newContent"></div>
比如返回的数据放在msg里面
用jquery来赋值 $("#newContent").html(msg);
[其他解释]
js/jquery操作界面知道不。
[其他解释]
AJAX提示后,在返回数据事件,把数据绑定上去啊
[其他解释]
插入一个div就行了 放在最上边 或者 无刷新重新获取
[其他解释]
asp.net ajax
[其他解释]