jquery 处理返回数据 html json xml

1、html处理比较简单，直接输出即可。

一般用$("jb51div").innerHTML等即可

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

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

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

　　比如页面：

　　<div id="test">
　 <c:forEach var="solution" items="${mySolutions}">
　 　 <div class="solution">
　 　　　 <div class="span-1"$amp;>amp;$lt;img src="${pageContexntextPath}/resources/images/SolutionItem.png"$amp;>amp;$lt;/img$amp;>amp;$lt;/div>
　 　　　 <div class="span-18">
　 　　　　　 <div class="solutionName"$amp;>amp;$lt;a view/${solution.id}"$amp;>{solution.name}</a$amp;>amp;$lt;/div>
　 　　　　　 <div class="solutionDescription"$amp;>{solution.shortDescription}</div>
　 　　　 </div>
　 　　　 <div class="span-2" id="tag_${solution.id}">
　 　　　 　 <div>
　 　 　　　 　 <a #" οnclick="addTag('${solution.id}')">add</a>
　 　 　　　 　 more
　 　　　 　 </div>
　 　　　 　 <div$amp;>amp;$lt;textarea rows="3" cols="5">111111111</textarea$amp;>amp;$lt;/div>
　 　　　 　 <div$amp;>amp;$lt;textarea rows="3" cols="5">222222222</textarea$amp;>amp;$lt;/div>
　 　　　 　 <div$amp;>amp;$lt;textarea rows="3" cols="5">333333333</textarea$amp;>amp;$lt;/div>
　 　　　 </div>
　 　　　 <div class="span-3 last"$amp;>amp;$lt;img src="${pageContexntextPath}/resources/images/sample-solution.jpg" class="solutionIcon" alt="Solution Icon"$amp;>amp;$lt;/img$amp;>amp;$lt;/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."); } });

2、json格式数据调用

复制代码 代码如下:

$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "json",//这里的dataType就是返回回来的数据格式了html,xml,json
cache: false,//设置是否缓存，默认设置成为true，当需要每次刷新都需要执行数据库操作的话，需要设置成为false
success : function(data) {
$(data).each(function(te, u) {
alert(te);
$("#content").append(u.title+"</br>");
})
}
})

3、xml格式数据调用

复制代码 代码如下:

$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "xml",//这里的dataType就是返回回来的数据格式了html,xml,json
cache: false,//设置是否缓存，默认设置成为true，当需要每次刷新都需要执行数据库操作的话，需要设置成为false
success : function(xml) {
$(xml).find("*").each(function(){
//这边对遍历出来的内容进行处理，jquery都是可以使用xpath进行遍历的
})
}
})