设置字符集编码:
contentType: "application/json;utf-8",
1,html处理比较简单,直接输出即可
一般用${"jb51div"}.innerHTML等即可
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进行遍历的
})
}
})
---------------------------------------------
$(function() {
$("#Button1").click(function() { //按钮单击事件
//打开文件,并通过回调函数处理获取的数据
$.get("UserInfo.xml", function(data) {
$("#divTip").empty(); //先清空标记中的内容
var strHTML = ""; //初始化保存内容变量
$(data).find("User").each(function() { //遍历获取的数据
var $strUser = $(this);
strHTML += "姓名:" + $strUser.find("name").text() + "<br>";
strHTML += "性别:" + $strUser.find("sex").text() + "<br>";
strHTML += "邮箱:" + $strUser.find("email").text() + "<hr>";
})
$("#divTip").html(strHTML); //显示处理后的数据
})
})
4,遍历数组,list
<script language="javascript" type="text/javascript " src="jquery.min.js "></script>
***************************************************************************
<script type="text / javascript ">
6. $(function(){
7. var tbody = "";
8. //------------遍历对象 .each的使用-------------
9. //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象)
10. var obj =[{"name ":"项海军","password ":"123456 "}];
11. $("#result ").html("------------遍历对象.each的使用-------------");
12. alert(obj);//是个object元素
13. //下面使用each进行遍历
14. $.each(obj,function(n,value) {
15. alert(n+' '+value);
16. var trs = "";
17. trs += " < tr > <td > " + value.name +" < /td> <td>" + value.password +"</td > </tr>";
18. tbody += trs;
19. });
20.
21. $("#project").append(tbody);
22.
23. });
24. </script >
====================================================
遍历数组
<script type="text / javascript ">
37. $(function(){
38.
39. var tbody = "";
40.
41. //------------遍历数组 .each的使用-------------
42. var anArray = ['one','two','three'];
43. $("#result ").html("------------遍历数组.each的使用-------------");
44. $.each(anArray,function(n,value) {
45.
46. alert(n+' '+value);
47. var trs = "";
48. trs += " < tr > <td > " +value+" < /td></tr > ";
49. tbody += trs;
50. });
51.
52. $("#project ").append(tbody);
53.
54. });
55. </script>
======================================================
<script type="text / javascript ">
71. $(function(){
72.
73. var tbody = "";
74.
75. //------------遍历List集合 .each的使用-------------
76. var obj =[{"name ":"项海军","password ":"123456 "},{"name ":"科比","password ":"333333 "}];
77. $("#result ").html("遍历List集合.each的使用");
78. alert(obj);//是个object元素
79. //下面使用each进行遍历
80. $.each(obj,function(n,value) {
81. alert(n+' '+value);
82. var trs = "";
83. trs += " < tr > <td > " +value.name+" < /td> <td>" + value.password +"</td > </tr>";
84. tbody += trs;
85. });
86. $("#project").append(tbody);
87.
88. });
89. </script >