jquery怎麼遍歷出從後台取得list集合？
專案中jquery從後台取得list，是怎麼遍歷出來的？
一般情況下，後台的list應該是轉成了json字串，回到了ajax的回呼函數裡。在回調函數裡可以直接操作該json字串。
舉個例子：
$.post("test.php", { name: "John", time: "2pm" },function(data){
//可以在这儿循环，比如：
var listNow=data.listHouTai;//取list。listHouTai是你后台定义的json名称
for ( var i = 0; i < listNow.length; i++) {
var id = vos[i].Id;//可以取list中第一个对象的id值，其他的类推
｝
});可以來一個jQuery自訂陣列操作類別js外部文件，前提需要引入jQuery類別庫。 封裝類別程式碼如下：
(function ($) {
$.List = function () {
var _list = new Array();
//外部为数组赋值
this.GetDataSource = function (arr) {
if (IsArrayType(arr)) {
_list = arr;
} else {
alert("指定元素非数组类型，赋值失败！");
}
};
//添加一个元素
this.Add = function (arg) {
if (arg) {
_list.push(arg);
} else {
alert("参数错误，添加元素失败！");
}
return _list;
};
//删除指定索引的元素
this.RemoveAt = function (index) {
if (IsArrayIndex(index) && index < _list.length) {
var i;
var arr = new Array();
for (i = 0; i < _list.length; i++) {
if (i != index) {
arr.push(_list[i]);
}
}
_list = arr;
return _list;
}
else {
alert("未获取到设置对象的实例，删除元素失败！");
}
};
//按照指定的分割符显示出所有元素
this.Split = function (arg) {
arg = arg || ",";
var i, res;
res = "";
if (_list.length > 0) {
for (i = 0; i < _list.length; i++) {
res += _list[i].toString() + arg;
}
return res.substr(0, (res.length - arg.toString().length));
} else {
return "";
}
};
//外部调用直接返回当前数组实力
this.ToArray = function () {
return _list;
};
//设置指定索引处的值为指定值
this.Update = function (index, value) {
if (IsArrayIndex(index) && index < _list.length) {
_list[index] = value;
}
return _list;
};
//清空所有元素
this.RemoveAll = function () {
_list.splice(0, _list.length);
return _list;
};
//根据传入的值获取第一次出现在数组中的下标
this.IndexOf = function (value) {
if (value) {
var i;
for (i = 0; i < _list.length; i++) {
if (_list[i] == value) {
return i;
}
}
}
return -1;
};
//获取数组长度
this.Size = function () {
return _list.length;
};
//移除数组中重复的项
this.RemoveRepeat = function () {
_list.sort();
var rs = [];
var cr = false;
for (var i = 0; i < _list.length; i++) {
if (!cr)
cr = _list[i];
else if (cr == _list[i])
rs[rs.length] = i;
else
cr = _list[i];
}
for (var i = rs.length - 1; i >= 0; i--)
this.RemoveAt(rs[i]);
return _list;
};
//对数字数组元素排序，参数：0升序1降序
this.SortNumber = function (f) {
if (!f) f = 0;
if (f == 1) return _list.sort(function (a, b) { return b - a; });
return _list.sort(function (a, b) { return a - b; });
};
//私有方法
//判断正确的数组下标
function IsArrayIndex(index) {
var reg = /^\d+$/;
if (reg.test(index))
return true;
else
return false;
}
//判断当前对象是否为数组对象
function IsArrayType(arr) {
if (typeof arr == 'object' && typeof arr.length == 'number')
return true;
else
return false;
}
}; //结束List的构造方法
})(jquery);頁面呼叫時需要引入兩個js檔案：
<script src="js/jquery-1.8.3.min.js" type="text/JavaScript"></script>
<script src="js/jquery.array.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var myList = new $.List();
myList.Add(1);
myList.Add("1906-07-08");
myList.Add("hellow world");
myList.RemoveAt(0);
myList.Update(0, "11111111");
//alert("数组被修改内容后的结果：" + myList.Split("|"));
myList.RemoveAll();
var arr = myList.ToArray();
//alert("数组全部被删除后结果：" + arr);
//alert("数组1当前长度：" + myList.Size());
var myList2 = new $.List();
myList2.Add(3);
myList2.Add(1);
myList2.Add(45);
myList2.Add(21);
myList2.Add(-9);
myList2.Add(1);
alert("第二个实例数组结果：" + myList2.ToArray());
myList2.RemoveRepeat();
alert("去重后第二个实例数组结果：" + myList2.ToArray());
alert("去重后第二个实例数组长度：" + myList2.Size());
myList2.SortNumber(1);
alert("排序后的数组：" + myList2.ToArray());
var arr3 = ["aaa", "bbb", "ccc", "ddd", "eee"];
var arr4;
myList2.GetDataSource(arr3);
alert("重新赋值后结果："+myList2.ToArray());
});
</script>物件語法JSON資料格式(當伺服器端回呼回來的物件資料格式為json資料格式，必須確保JSON的格式要求，回呼的物件必須使用eval函數進行轉換（否則將無法獲得Object）。 )
1.jquery遍歷物件
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <HTML > <HEAD > <TITLE > New Document < /TITLE>
<script language="javascript" type="text/javascript " src="jquery.min.js "></script>
<script type="text / javascript ">
$(function(){
var tbody = "";
//------------遍历对象 .each的使用-------------
var obj =[{"name ":"项海军","password ":"123456 "}];
$("#result ").html("------------遍历对象.each的使用-------------");
alert(obj);//是个object元素
//下面使用each进行遍历
$.each(obj,function(n,value) {
alert(n+' '+value);
var trs = "";
trs += " < tr > <td > " + value.name +" < /td> <td>" + value.password +"</td > </tr>";
tbody += trs;
});
$("#project").append(tbody);
});
</script > </HEAD>
<BODY>
<div id="result" style="font-size:16px;color:red;"></div > <table cellpadding = 5 cellspacing = 1 width = 620 id = "project"border = "1" > <tr > <th > 用户名 < /th>
<th>密码</th > </tr>
</table > </BODY>
</HTML >2.jQuery遍歷陣列
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <HTML > <HEAD > <TITLE > New Document < /TITLE>
<script language="javascript" type="text/javascript " src="jquery.min.js "></script>
<script type="text / javascript ">
$(function(){
var tbody = "";
//------------遍历数组 .each的使用-------------
var anArray = ['one','two','three'];
$("#result ").html("------------遍历数组.each的使用-------------");
$.each(anArray,function(n,value) {
alert(n+' '+value);
var trs = "";
trs += " < tr > <td > " +value+" < /td></tr > ";
tbody += trs;
});
$("#project ").append(tbody);
});
</script>
</HEAD>
<BODY>
------------此部分同1中的body部分--------------------
</BODY>
</HTML>
3.jQuery 遍历List集合（其实与遍历一个对象没有太大区别，只是格式上的问题）
<!DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.0 Transitional//EN">
< HTML > <HEAD > <TITLE > New Document < /TITLE>
<script language="javascript" type="text/javascript " src="jquery.min.js "></script>
<script type="text / javascript ">
$(function(){
var tbody = "";
//------------遍历List集合 .each的使用-------------
var obj =[{"name ":"项海军","password ":"123456 "},{"name ":"科比","password ":"333333 "}];
$("#result ").html("遍历List集合.each的使用");
alert(obj);//是个object元素
//下面使用each进行遍历
$.each(obj,function(n,value) {
alert(n+' '+value);
var trs = "";
trs += " < tr > <td > " +value.name+" < /td> <td>" + value.password +"</td > </tr>";
tbody += trs;
});
$("#project").append(tbody);
});
</script > </HEAD>
<BODY>
------------此部分同1中的body部分--------------------
</BODY >
</HTML>
以上是jquery怎麼遍歷出從後台取得list集合？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
Discuz後台登入問題解決方法大揭秘
Mar 03, 2024 am 08:57 AM
Discuz後台登入問題解決方法大揭秘，需要具體程式碼範例隨著網路的快速發展，網站建置變得越來越普遍，而Discuz作為一款常用的論壇建站系統，受到了許多站長的青睞。然而，正是因為其功能強大，有時候我們在使用Discuz的過程中會遇到一些問題，例如後台登入問題。今天，我們就來大揭秘Discuz後台登入問題的解決方法，並且提供具體的程式碼範例，希望能幫助到有需要
WordPress後台亂碼煩惱？試試這些解決方案
Mar 05, 2024 pm 09:27 PM
WordPress後台亂碼煩惱？試試這些解決方案，需要具體程式碼範例隨著WordPress在網站建置中的廣泛應用，許多用戶可能會遇到WordPress後台亂碼的問題。這種問題會導致後台管理介面顯示亂碼，對使用者的使用帶來極大困擾。本文將介紹一些常見的解決方案，幫助使用者解決WordPress後台亂碼的煩惱。修改wp-config.php檔案開啟wp-config.
jQuery中如何使用PUT請求方式？
Feb 28, 2024 pm 03:12 PM
jQuery中如何使用PUT請求方式？在jQuery中，發送PUT請求的方法與發送其他類型的請求類似，但需要注意一些細節和參數設定。 PUT請求通常用於更新資源，例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範例。首先，確保引入了jQuery庫文件，然後可以透過以下方式發送PUT請求：$.ajax({u
Java如何遍歷資料夾並取得所有檔案名
Mar 29, 2024 pm 01:24 PM
Java是一種流行的程式語言，具有強大的檔案處理功能。在Java中，遍歷資料夾並取得所有檔案名稱是一種常見的操作，可以幫助我們快速定位和處理特定目錄下的檔案。本文將介紹如何在Java中實作遍歷資料夾並取得所有檔案名稱的方法，並提供具體的程式碼範例。 1.使用遞歸方法遍歷資料夾我們可以使用遞歸方法遍歷資料夾，遞歸方法是一種自身呼叫自身的方式，可以有效地遍歷資料夾中
jQuery小技巧：快速修改頁面所有a標籤的文本
Feb 28, 2024 pm 09:06 PM
標題：jQuery小技巧：快速修改頁面所有a標籤的文字在網頁開發中，我們經常需要對頁面中的元素進行修改和操作。使用jQuery時，有時候需要一次修改頁面中所有a標籤的文字內容，這樣可以節省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本，同時給出具體的程式碼範例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下程式碼：<
使用jQuery修改所有a標籤的文字內容
Feb 28, 2024 pm 05:42 PM
標題：使用jQuery修改所有a標籤的文字內容jQuery是一款受歡迎的JavaScript庫，被廣泛用於處理DOM操作。在網頁開發中，經常會遇到需要修改頁面上連結標籤（a標籤）的文字內容的需求。本文將介紹如何使用jQuery來實現這個目標，並提供具體的程式碼範例。首先，我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼：
Discuz後台帳號登入異常，如何處理？
Mar 09, 2024 pm 05:51 PM
標題：Discuz後台帳號登入異常，如何處理？當你使用Discuz論壇系統的後台管理時，有時候可能會遇到帳號登入異常的情況。這可能是由於多種原因導致的，可能是密碼錯誤、帳號被封鎖、網路連線問題等。在遇到這種情況時，我們需要透過簡單的排查和處理來解決這個問題。檢查帳號和密碼是否正確：首先，確認你輸入的帳號和密碼是否正確。登入時，請確保大小寫輸入正確，密碼是否
如何辨別耐吉鞋子的真假鞋盒（掌握一招輕鬆辨識）
Sep 02, 2024 pm 04:11 PM
耐吉作為全球知名的運動品牌，其鞋子備受矚目。然而，市面上也存在大量的假冒偽劣商品，其中就包括假冒的耐吉鞋盒。辨別真假鞋盒對於保護消費者的權益至關重要。本文將為您提供一些簡單而有效的方法，以幫助您辨別真假鞋盒。一：外包裝標題透過觀察耐吉鞋盒的外包裝，可以發現許多細微的差異。真正的耐吉鞋盒通常具有高品質的紙質材料，手感光滑，且沒有明顯的刺激性氣味。正品鞋盒上的字體和標誌通常清晰、精細，並且沒有模糊或顏色不協調的情況。二：LOGO燙金標題耐吉鞋盒上的LOGO通常是燙金工藝，真品鞋盒上的燙金部分會呈現出
