众所周知的局域网聊天软件
眾所周知,局域網(wǎng)聊天軟件 是對JavaScript的一種高效的封裝,所以Jquery要操作的數(shù)組即是JavaScript中的數(shù)組,在JavaScript中我們使用for以及for-in進行數(shù)組的操作,而在Jquery中則使用$.map()、$.each()來操作數(shù)組:
首先是普通的數(shù)組(索引為整數(shù)的數(shù)組): $.map(arr,fn); 對數(shù)組中的每個元素調(diào)用fn函數(shù)逐個進行處理,fn函數(shù)將處理返回最后得到的一個新的數(shù)組 view sourceprint?1 var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; 2 var newarr = $.map(arr, function(item) {return item*2 }); 3 alert(newarr); $.each(array,fn)對數(shù)組array每個元素調(diào)用fn函數(shù)進行處理,沒有返回值 view sourceprint?1 var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; 2 $.each(arr, function(key, value) { alert("key:" + key + "value:" + value); }); 還可以省略function的參數(shù),這個時候this可以得到遍歷的當前元素的值 view sourceprint?1 var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; 2 $.each(arr, function() { alert(this); }); 然后是索引為字符串的 鍵值對數(shù)組,針對這類數(shù)組,一般采用$.each(array,fn)來操作: view sourceprint?1 var arr = { "jim": "11", "tom": "12", "lilei": "13" }; 2 $.each(arr, function(key, value) { alert("姓名:"+key+"年齡:"+value); }); 當然也可以使用無參的的function進行遍歷;
當這類數(shù)據(jù)從服務器端獲取時可以如下進行: 服務器端: view sourceprint?01 <%@ WebHandler Language="C#" Class="Handler" %> 02 03 using System; 04 using System.Web; 05 using System.Web.Script.Serialization; 06 using System.Collections.Generic; 07 public class Handler : IHttpHandler { 08 09 public void ProcessRequest (HttpContext context) { 10 context.Response.ContentType = "text/plain"; 11 Person p1 = new Person { Age = "22", Name = "tom" }; 12 Person p2 = new Person { Age = "23", Name = "jim" }; 13 Person p3 = new Person { Age = "24", Name = "lilei" }; 14 IList persons = new List {p1,p2,p3}; 15 JavaScriptSerializer js = new JavaScriptSerializer(); 16 string s= js.Serialize(persons); 17 context.Response.Write(s); 18 } 19 20 public class Person 21 { 22 public string Name { get; set; } 23 public string Age { get; set; } 24 } 25 public bool IsReusable { 26 get { 27 return false; 28 } 29 } 30 31 } 先實例化了三個person對象,然后放到一個集合中,最后把這個集合序列化成字符串流到客戶端; 客戶端: view sourceprint?01 02 03 04 05 06 07 08 15 16 17 18 19 客戶端通過$.parseJSON()將后臺傳遞過來的字符串轉(zhuǎn)化為js數(shù)組對象,接下來我們就使用操作普通數(shù)組的方式來操作這個得到的數(shù)組 第三種就是通過標簽選擇器獲取的Jquery對象數(shù)組, view sourceprint?01 02 03 04 05 06 07 08 13 14 15 16 17 18 19 在瀏覽器中運行的效果為: 在dom加載完成后為每一個p元素動態(tài)的添加了文本,首先$("p")獲取p標簽的集合,相當于Javascript中的document.getElementByTagName只是這里得到的是Jquery對象的數(shù)組,這樣就有了Jquery固有的隱式迭代的功能,后面的text("這是p標簽")的操作就迭代到了每一個P標簽上,我們也可以顯示的調(diào)用each函數(shù)來顯示的迭代獲得的Jquery對象數(shù)組,下面的代碼同樣可以實現(xiàn)上面的效果: view sourceprint?01 02 03 04 05 06 07 08 15 16 17 18 19 20 21
本文來自CSDN博客,轉(zhuǎn)載請標明出處:http://blog.csdn.net/mynote/archive/2011/01/14/6140874.aspx
總結(jié)
以上是生活随笔為你收集整理的众所周知的局域网聊天软件的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: PowerDesigner16导出Sql
- 下一篇: 『飞鸽』百度悄然进军客户端领域