jquery ajax遍历json的两种方法

来源:互联网 发布:php web 开发 编辑:程序博客网 时间:2024/05/21 07:15
 <script type="text/javascript"> 
function BtnClick() { 
var uid = ¥("#Text1").attr("value"); 
var pwd = ¥("#Text2").attr("value"); 


¥.ajax({ 
url: "server.php", 
type: "post", 
data: { UserName: uid, Password: pwd }, 
/*<!--
第一种办法遍历json数据
success: function(data) { 
 eval("datas = "+data);
var user = datas.userName; 
var pass = datas.password; 
¥("#dd").html("<h1>用户名:" + user + " 暗码:" + pass + "</h1>");
}-->*/ 


/*第二种办法遍历json数据*/
success: function(data) { 
var json =eval("["+data+"]");//这里中心的括号为中括号 使数据类似[{"username":"张三","content":"沙发"}];的格局
¥.each(json, function(idx, item) { 
var user = item.userName; 
var pass = item.password; 
¥("#dd").html("<h1>用户名:" + user + " 暗码:" + pass + "</h1>"); 
}); 

}); 

</script>