黑马程序员技术交流社区

标题: 如何解决局部刷新问题 [打印本页]

作者: songFeng4985 时间: 2012-11-27 17:34
标题: 如何解决局部刷新问题
.net中实现局部刷新的Ajax技术怎么使用，简单介绍下此技术

作者: 许庭洲 时间: 2012-11-28 07:51
1. AJAX(Asynchronous JavaScript and XML, 异步JavaScript和XML)是一种进行页面局部异步刷新的技术。
2.用AJAX向服务器发送请求和获得服务器返回的数据并更新到界面中，不是整个页面刷新而是在HTML页面中使用JavaScript创建XMLHTTPRequest对象来向服务器发送请求以及获得返回的数据，就像JavaScript版的WebClient一样，在页面中由XMLHTTPRequest来发出Http请求和获得服务器的返回数据，这样页面就不会刷新了。

作者: 黄冉 时间: 2012-11-28 08:42
ajax是综合异步通信，javascript，XML等多种网络技术的新的编程技术
主要包括：
1.使用XHTML+CSS来表示信息
2.使用javascript操作DOM
3.使用XML和XSLT进行数据的交换。
4.使用XmlHttpRequest对象与WEB服务器进行异步数据交换
5.使用javascript将各部分内容绑定在一起
它的核心就是javascript对象XmlHttpRequest。
当用户与浏览器中的页面进行交互时，会触发页面元素对象的相应事件，客户端捕获相应的事件后，如果需要将交互动作引起的实现交给服务器
来处理，客户端就会将要处理的数据转换为XML格式的字符串，再利用异步传送方式提交给服务器。服务器处理完这些数据以后，再利用XML格式
和异步传送方式将处理结果返回给客户端，客户端再从返回的结果中提取需要的部分。并将提取的部分利用javascript对网页进行局部刷新，而
不是整个页面的刷新。因此，合理的利用ajax可以发挥出更大的优势，比如局部刷新，异步页面回调，更好的性能等等。
在ASP.NET中ScriptManager控件是Ajax的核心控件。如果我们在一个网页中需要用到这种技术就必须要有这个控件，它负责管理页面中所有的脚
本资源。
比如：
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp: LinkButton ID="lbtn" runat="server">click</asp: LinkButton>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>

lbtn_Click事件
protected void lbtn_Click(object sender,EventArgs e)
{
lbtn.Text="ajax局部刷新";
}
如果要实现局部刷新，就必须添加UpdatePanel控件，而想要局部更新的控件要放到UpdatePanel控件的<ContentTemplate/>中

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2