读书人

页面无刷新传值解决思路

发布时间: 2012-12-18 12:43:41 作者: rapoo

页面无刷新传值
有一个发表心情的页面,我想发表心情后在页面上无刷新显示发表内容、时间发表的用户(就像QQ空间发表说说一样)怎样做到??? 新手,求高手帮忙解决,谢谢
[最优解释]

引用:
引用:<asp:ScriptManager ID="ScriptManager1" runat="server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
用着两个控件可以实现无刷
这两个控件怎么用呢? 能举个列子吗? 谢谢
……


<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();
}

}


[其他解释]
取例子(如下):
aspx:
<input id="txtMood" runat="server" type="textbox">
<input id="txtShow" runat="server" type="textbox">
<input id="btnPublish" runat="server" type="button" value="表">
js:
$(document).ready(function(){
$("#btnPublish").click(function(){
$("#txtMood").html($("txtShow").val());
})
})
[其他解释]
ajax知道不??
[其他解释]
ajax知道不?? +JS
[其他解释]
实现无刷新,点击和读取都使用Ajax,建议用JQuery Ajax来实现。。
[其他解释]
引用:
ajax知道不?? +JS

发表心情用Ajax发表我写好了,发表的同时我要在文本框下面显示出来
[其他解释]
引用:
ajax知道不?? +JS

ajax发表做出来了 怎么显示出来,QQ空间发表心情那样的
[其他解释]
引用:
实现无刷新,点击和读取都使用Ajax,建议用JQuery Ajax来实现。。

ajax发表做出来了 怎么显示出来,QQ空间发表心情那样的
[其他解释]
显示要把ajax取回的数据,加到文本框下面去,比如加到下面的div中,不显示的话可能没加,或者加的不对,先把取回的数据alert()看看
[其他解释]
<asp:ScriptManager ID="ScriptManager1" runat="server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
用着两个控件可以实现无刷
[其他解释]
jquery ajax实现返回html
[其他解释]
ajax 简单的拖个控件就可以直接搞定了
[其他解释]
ajax知道不??
[其他解释]
用jquery 把内容插入到页面
[其他解释]
如果是用ASP。net开发的话 那里边直接就有ajax控件
[其他解释]
ajax知道不??
[其他解释]
[quote=引用:]
引用:
实现无刷新,点击和读取都使用Ajax,建议用JQuery Ajax来实现。。
ajax发表做出来了 怎么显示出来,QQ空间发表心情那样的[/quot




如果发表成功,继续获取发表的内容,然后把获取到的数据,放在事前命名的id,比如

<div id="newContent"></div>
比如返回的数据放在msg里面

用jquery来赋值 $("#newContent").html(msg);


[其他解释]
js/jquery操作界面知道不。
[其他解释]
AJAX提示后,在返回数据事件,把数据绑定上去啊
[其他解释]
插入一个div就行了 放在最上边 或者 无刷新重新获取
[其他解释]
asp.net ajax
[其他解释]

引用:
<asp:ScriptManager ID="ScriptManager1" runat="server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
用着两个控件可以实现无刷

这两个控件怎么用呢? 能举个列子吗? 谢谢
[其他解释]
8楼,22楼正解,不需要麻烦的AJAX和JS,这样可能很多人都不会用,用updatepanel就可以在后台实现无刷新画面。后台调用方法的时候要写一下这个updatepanel的id,点出update()就可以无刷新了

读书人网 >asp.net

热点推荐