$().each() 与 $.each()区别,以及 jquery ajax 应用
2009-10-20 12:06
387 查看
在jquery 中我们可以选择$().each() 与 $.each() 进行迭代对象和数组
$(items).each(function(){
//item
}) ,
而后者则
$.each(items,function(i,item){
//write your code
})
-----------------jquery ajax----------------------
jquery 开发ajax 相对来说 是比较简单的 具体情况可以参考 [[u]QLeelulu[/u]的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("数据加载中
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("("+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("("+json+")");
document.write(json.name[1]);//rhythmk
document.write(json.name);//rhythm,rhythmk
}
$(items).each(function(){
//item
}) ,
而后者则
$.each(items,function(i,item){
//write your code
})
-----------------jquery ajax----------------------
jquery 开发ajax 相对来说 是比较简单的 具体情况可以参考 [[u]QLeelulu[/u]的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("数据加载中
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("("+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("("+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 应用
- synchronized(object)的应用场景以及与synchronized修饰方法的区别
- int 和Integer的区别 以及应用场景
- Android应用开发SharedPreferences存储数据的使用方法 以及与 getPreferences 、getDefaultSharedPreferences的区别
- 设计模式之建造者模式(与工厂模式的区别以及JDK中StringBuilder类的应用)
- 谈谈encodeURI和encodeURIComponent以及escape的区别与应用
- UTF-8和GBK编码之间的区别(页面编码、数据库编码区别)以及在实际项目中的应用
- NoSQL | Redis、Memcache、MongoDB特点、区别以及应用场景
- 安卓开发之px dp sp区别以及应用
- em与px的区别以及em特点和应用
- 函数指针和指针函数区别以及如何应用,举例说明,要如何理解他们的概念
- em与px的区别以及em特点和应用
- Overload(重载)与Override(重写)的区别、super和this的区别,以及super和this的应用由哪些? 。3.接口与抽象类的区别、3.接口与抽象类的区别
- 内省与反射区别以及应用场景
- 23种设计模式的总结~以及区别、应用