Jquery Ajax 如何实现动态加载Repeater 或者 DataList

Posted 2023-02-23

页面加载datalist 或者Repeater 绑定数据了，

然后根据条件 模糊查询，用jquery ajax 不刷新，怎么实现根据条件重新加载datalist或者Repeater

急急急急急！！！！高分送上

一般不是这么做的。jquery只能操作html。。。不能进行repeater和datalist的操作。。。要么你跟一楼的一样，用微软的ajax组件。。。如果你用jquery，必须要将repeater和datalist写成html形式。。。
比如：
如果之前你是在.net中写的<asp:Reapter id="re1" 显示数据
那么用jQuery的主要目的是显示这3条记录，而不是显示repeater,因为reapeater最终也是为了显示数据，。。那么你可以
$.ajax(
url:"default.ashx",
data:"news=null",
type:"GET",
success:function(request)

$("需要显示数据的地方").html(request);
//$("#content").html(request);//request即返回的数据

);
在default.ashx中需要返回数据
StringBuilder sb=new ...
比如一个SqlDataReader对象sdr已经读出了你的数据，现在需要返回给客户端
if(sdr.HasRows)

while(sdr.Read())

sb.Append(sdr["Title"].ToString());


sdr.close();
sdr.Dispose();
context.Response.Write(sb.ToString());
context.Response.End();

一般是这种形式。。而不是返回一个Repeater。。
重申一下。Repeater最终也是html形式。。。所以只能返回最终的结果给js来显示。。。希望对你有帮助。。。 参考技术A 举个例子：
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Repeater ID="Repeater1" runat="server">
</asp:Repeater>
</ContentTemplate>
<Triggers>
//实现模糊查询的按钮名与其事件名
<asp:AsyncPostBackTrigger ControlID="lBtnSelect" EventName="Click" />
</Triggers>
</asp:UpdatePanel>

//模糊查询的按钮不在UpdatePanel 内
<asp:LinkButton ID="lBtnSelect" runat="server" OnClick="lBtnSelect_Click">查询</asp:LinkButton> 参考技术B ...把datalist 或者Repeater 放在一个单独的页面

接受到值后替换生成的HTML 参考技术C 其实可以用.net ajax。。。做个webservice,再用javascript访问，并且操作数据，实现异步