jquery ajax获取后台传过来的值 总结

设置字符集编码：
 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 >