$().each() 与 $.each()区别,以及 jquery ajax 应用
2014-12-11 14:52
330 查看
在jquery 中我们可以选择$().each() 与 $.each() 进行迭代对象和数组 $(items).each(function(){ //item }) , 而后者则 $.each(items,function(i,item){ //write your code }) -----------------jquery ajax---------------------- jquery 开发ajax 相对来说 是比较简单的 具体情况可以参考 [QLeelulu的ajax系列] 1.ajax 读取 XML //XMLFile.xml <?xml version="1.0" encoding="utf-8" ?> <users> <user sex="0"> <name>abcd1</name> <age>12</age> </user> <user sex="1"> <name>abcd2</name> <age>13</age> </user> </users> $(function(){ $(".getData").click(function(){ $.ajax({ url:"XMLFile.xml", success:function(data) { $(data).find("user").each(function(){ alert($(this).attr("sex"));//获取属性 alert($(this).children("age").text());//获取item 中的 age }) }, beforeSend:function(){ $(".loading").html("数据加载中."); }, error:function(){ }, golable:false, datatype:"xml", complete:function() { $(".loading").html(""); $(".loading").html("数据加载完成"); } }) }); }) 2. jquery 读取 json json 格式: $.ajax({ url:"index.aspx", success:function(json) { json=eval_r("("+json+")");//将数据转成json格式 $.each(json,function(i,item){ document.write("UserID"+String(item.userID)+" Name:"+item.Name+" Email:"+item.Email+"<br/>"); }); }, beforeSend:function(){ }, error:function(){ }, golable:false, datatype:"json", complete:function() { } }) -------------------------JSON数据获取--------------------- $().each() <wbr>与 <wbr>$.each()区别,以及 <wbr>jquery <wbr>ajax <wbr>应用$().each() <wbr>与 <wbr>$.each()区别,以及 <wbr>jquery <wbr>ajax <wbr>应用Code window.onload=function(){ getJSON();//获取多组数据 getData();//获取单组数据 } function getJSON() { var json="[{'UserID':11, 'Name':'rddy', 'Email':'zhuleiprohotmail.com'},{'UserID':12, 'Name':'Tfddly', 'Email':'jjjail.com'},{'UserID':351, 'Name':'Truly', 'Email':'zhulm'}]"; json=eval_r("("+josn+")");//将字符串转换成josn格式 $.each(json,function(i,item){ document.writeln("UserID"+String(item.userID)+" Name:"+item.Name+" Email:"+item.Email+"<br/>"); }); } function getData() { var json="{'userID':12,'name':['rhythm','rhythmk']}"; json=eval_r("("+json+")"); document.write(json.name[1]);//rhythmk document.write(json.name);//rhythm,rhythmk
相关文章推荐
- $().each() 与 $.each()区别,以及 jquery ajax 应用
- $().each() 与 $.each()区别,以及 jquery ajax 应用
- $().each() 与 $.each()区别,以及 jquery ajax 应用
- 让我们清楚的理解$().each() 与 $.each()区别,以及 jquery ajax 应用
- $().each() 与 $.each()区别,以及 jquery ajax 应用
- $().each() 与 $.each()区别,以及 jquery ajax 应用
- 函数指针和指针函数区别以及如何应用,举例说明
- paip.c++ 正则表达式的应用跟普通正则表达式的区别以及特别注意点总
- 虚电路和数据报的区别以及应用
- IBM虚拟化与云计算专家邹志乐――SaaS、PaaS、IaaS的区别以及适合的应用
- Unity 协程与调用函数的区别以及示例应用
- ejb与javaBean的区别以及应用场合
- web服务器和应用服务器的区别以及负载均衡---学习笔记
- MPEG-4与H.264的区别 , 编码 以及 应用
- Protetype, this以及var在javascript面象对象设计中的区别和应用
- 虚电路和数据报的区别以及应用
- synchronized(object)的应用场景以及与synchronized修饰方法的区别
- 多线程应用以及final和static的区别与应用
- 抽象类与接口的应用以及区别
- em与px的区别以及em特点和应用