jquery+ajax实现动态加载表单

Posted 2023-02-23

参考技术A 场景：
springMVC+jquery+ajax+jsp实现在页面中输入数字后，点击按钮，表单中自动加载指定行数据。

1、user实体类

2、创建controller组件类。
toDymyuser（）方法用于跳转到jsp页面
getMyUserClass（）方法用于jsp页面的数据加载来源

3、新增jsp页面
1）、获取当前服务路径bathpath
2）、引入jquery包，这里直接使用的是 http://cdn.static.runoob.com 下的jquery包，在浏览器中输入该地址可访问，即为可用
3）、引入style样式，让页面简洁美观
4）、在script中，使用ajax时，需要传入参数便于动态显示表格，所以需要与controller层交互，这里使用post的方式，并在url中引入controller中设置的地址，数据传输成功后，动态追加到htmltxt中，最后使用jquery选择器将htmltxt传到元素的html即可。

4、使用springMVC必须要配置web.xml文件

5、web.xml中使用到了/spring-mvc-servlet.xml，所以要在web-inf目录下新增该文件

6、启动tomcat，在浏览器中输入： http://localhost:8080/dyuser 。效果如下

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

页面加载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访问，并且操作数据，实现异步