Ajax可以实现网页的局部刷新,是通过JS获取数据,再把数据添加到网页中,然而由于浏览器的不同,初学者很难做到兼容问题.
这里我向大家介绍一种好的方法.通过JQuery插件.JQuery.js文件可以在官网上下载,或者google也行.
首先你要在网页引入JS文件
<script src="../javascript/jquery.js" type="text/javascript"></script>
然后在事件中(click)获取数据
jQuery("#chtnavi").html("正在获取数据...");
jQuery.ajax({
url : "ajax.aspx",//这是地址
type : "post",//这是回发方式
data : "id="+value,//这是参数,如果没有则为空
dataType : "html",
complete :
function (http,status)
{
if(status=="success")
{
jQuery("#chtnavi").html(http.responseText);
}
}
});
比如说你在ajax.cs中输出Response.Write("this is test");那么得到的就是this is test.
当然,为了传输数据的最小化,JQuery还有一个JSon方式,如下
var url='../ajax.aspx;id='+escape(s);
$.getJSON(url, function(data)
{
if(data.ok==1)
{//do something}
else if(data.ok==2)
{//do something}
else
&
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode=Conditional>
<ContentTemplate>
<%=DateTime.Now %>
</ContentTemplate>
</asp:UpdatePanel> ......
