比如search功能,输入关键字,在数据库中查找对应的包含关键字的记录并显示在页面上,在一段Ajax请求之后,返回html text。。。
需要在返回的html中找到指定id的内容用来更新页面中的对应的html内容。。。
比如页面:
<div id="test">
<c:forEach var="solution" items="${mySolutions}">
<div class="solution">
<div class="span-1"><img src="${pageContext.request.contextPath}/resources/images/SolutionItem.png"></img></div>
<div class="span-18">
<div class="solutionName"><a href="view/${solution.id}">${solution.name}</a></div>
<div class="solutionDescription">${solution.shortDescription}</div>
</div>
<div class="span-2" id="tag_${solution.id}">
<div>
<a href="#" onclick="addTag('${solution.id}')">add</a>
more
</div>
<div><textarea style="width:75; height:25; overflow: auto;" rows="3" cols="5">111111111</textarea></div>
<div><textarea style="width:75; height:25; overflow: auto;" rows="3" cols="5">222222222</textarea></div>
<div><textarea style="width:75; height:25; overflow: auto;" rows="3" cols="5">333333333</textarea></div>
</div>
<div class="span-3 last"><img src="${pageContext.request.contextPath}/resources/images/sample-solution.jpg" class="solutionIcon" alt="Solution Icon"></img></div>
<div class="span-24 last solutionSplitter">
<hr/>
</div>
</div>
</c:forEach>
</div>
这个时候采用ajax局部更新:
如下:
$.ajax({
type : "POST",
url : 'test.jsp',
dataType : "html",
success: function(data) {
alert( data ); // shows whole dom
//alert( $(data).find('#test').html() ); // returns null
$("#test").html($(data).find("#test").html());
},
error : function() {
alert("Sorry, The requested property could not be found.");
}
});
http://api.jquery.com/jQuery.ajax/#options
分享到:
相关推荐
如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值: "xml": 返回 XML 文档,可用 jQuery 处理。 "html": 返回纯文本 HTML 信息;包含 script ...
(4)的方法会在指定的Dom对象上绑定响应ajax执行的事件。 (5)同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。 var html = $.ajax({ url: "some.php", async: false }).responseText;...
如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。 参考 Selectors 获取更多用于 expression 参数的 CSS 语法的信息。 ----------------------------------------------...
如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。 参考 Selectors 获取更多用于 expression 参数的 CSS 语法的信息。 ________________________________________ This ...
10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解1 10-29 3 svn常用操作 实例讲解2 10-29 4 ...
PHP实现异步调用方法研究与分享PHP异步调用socket实现代码C#异步调用的好处和方法分享异步调用webservice返回responseXML为空的问题解决方法C# 委托的三种调用示例(同步调用 异步调用 异步回调)浅析jquery ajax...
项目介绍 项目名称:员工管理系统 项目描述:基于浏览器实现的...控制器将所有的请求的结果都封装为一个自定义类,然后通过Json数据格式返回给前端界面,管理员成功登录后通过发送Ajax请求使用分页插件技术查询获取到所
数字证书:从文件中读取数字证书,生成文件输入流,输入文件为c:/mycert.cer,获取一个处理X.509证书的证书工厂…… Java+ajax写的登录实例 1个目标文件 内容索引:Java源码,初学实例,ajax,登录 一个Java+ajax写...
5_1.htm 获取当前日期并显示在HTML页中。 5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm 简单的日历。 5_5.htm 标题栏显示日期。 5_6.htm 标题栏显示时间。 5_7.htm ...
2、所有的业务功能,我都放在了html加载完成之后,利用jquery+ajax获取数据后再渲染界面(这样的好处就是给用户的感觉是网站速度很快。因为用户打开后,立马渲染html代码,此时网站结构已经出现,接着用jqury+ajx去...
5_1.htm 获取当前日期并显示在HTML页中。 5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm 简单的日历。 5_5.htm 标题栏显示日期。 5_6.htm 标题栏显示时间。 5_7.htm ...
-修正DatePicker中的一个bug(31/01/2010将会返回NULL)使用DateFormatString来生成SelectedDate属性(feedback:OktaEndy)。 -修正extjs最新版本(v3.2.2)中的一个bug,如果下拉列表中存在两个相同的Text,则...
-修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...
6)优化了上传功能中返回上层目录的速度! 7)增加强大的可视化菜单配置及上传配置的生成工具,方便用户自行生成控件的相关配置文件(测试中)! 2008/3/02 Version 5.0.1 Updates: 1)修正代码状态下按回车换行...
“If you return 'true' or do not return any value then the upload proceeds.”,从中可以看到既定的设计是当不返回任何值的时候应该等同于返回true,但是笔者在开发中发现必须明确返回值,否则上传进程将停止...
6)优化了上传功能中返回上层目录的速度! 7)增加强大的可视化菜单配置及上传配置的生成工具,方便用户自行生成控件的相关配置文件(测试中)! 2008/3/02 Version 5.0.1 Updates: 1)修正代码状态下按回车换行过大的BUG...
10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解1 10-29 3 svn常用操作 实例讲解2 10-29 4 ...