首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

JQuery Ajax获取回到html中指定的内容

2012-09-10 
JQuery Ajax获取返回html中指定的内容比如search功能,输入关键字,在数据库中查找对应的包含关键字的记录并

JQuery Ajax获取返回html中指定的内容

比如search功能,输入关键字,在数据库中查找对应的包含关键字的记录并显示在页面上,在一段Ajax请求之后,返回html text。。。

?

需要在返回的html中找到指定id的内容用来更新页面中的对应的html内容。。。

?

比如页面:

?

?? <div id="test">
??? <c:forEach var="solution" items="${mySolutions}">
??? ??? <div 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 alt="JQuery Ajax获取回到html中指定的内容"></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 

热点排行