jquery はどのようにバックグラウンドからリスト コレクションをトラバースして取得しますか?
プロジェクトでは、jquery はバックグラウンドからリストをどのように取得しますか?
通常の状況では、バックグラウンドのリストは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);
ページを呼び出すときに2つの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 関数を使用して変換する必要があります (そうしないと、オブジェクトは取得されません)。この記事では、サーバー側コールバックのデータの問題については詳しく説明しません。オブジェクトをカスタマイズします)
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 はどのようにバックグラウンドからリスト コレクションをトラバースして取得しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











Discuz のバックグラウンド ログイン問題の解決策が明らかになりました。特定のコード サンプルが必要です。インターネットの急速な発展に伴い、Web サイトの構築がますます一般的になってきました。Discuz は、一般的に使用されるフォーラム Web サイト構築システムとして、次のユーザーに好まれています。多くのウェブマスター。しかし、その強力な機能ゆえに、Discuz を使用する際にバックグラウンドでのログインの問題などの問題が発生することがあります。本日は、Discuz のバックグラウンド ログインの問題の解決策を明らかにし、具体的なコード例を提供します。

WordPress バックエンドのコードの文字化けが心配ですか?これらの解決策を試してください。具体的なコード例が必要です。Web サイト構築で WordPress が広く使用されるようになったことで、多くのユーザーが WordPress バックエンドでコードが文字化けする問題に遭遇する可能性があります。このような問題が発生すると、バックグラウンドの管理インターフェースが文字化けして表示され、ユーザーに多大な迷惑をかけてしまいます。この記事では、WordPress バックエンドでの文字化けのトラブルを解決するための一般的な解決策をいくつか紹介します。 wp-config.php ファイルを変更し、wp-config を開きます。

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQuery で PUT リクエストを送信する方法は、他のタイプのリクエストを送信する方法と似ていますが、いくつかの詳細とパラメータ設定に注意する必要があります。 PUT リクエストは通常、データベース内のデータの更新やサーバー上のファイルの更新など、リソースを更新するために使用されます。以下は、jQuery の PUT リクエスト メソッドを使用した具体的なコード例です。まず、jQuery ライブラリ ファイルが含まれていることを確認してから、$.ajax({u

世界的に有名なスポーツブランドとして、ナイキのシューズは大きな注目を集めています。しかし、市場にはナイキの偽物の靴箱などの偽造品も多数出回っています。消費者の権利と利益を保護するには、本物の靴箱と偽物の靴箱を区別することが重要です。この記事では、本物の靴箱と偽物の靴箱を見分けるための簡単で効果的な方法をいくつか紹介します。 1: 外箱のタイトル ナイキの靴箱の外箱を観察すると、多くの微妙な違いを見つけることができます。ナイキの純正靴箱は通常、手触りが滑らかで、明らかな刺激臭のない高品質の紙素材を使用しています。本物の靴箱のフォントとロゴは通常、鮮明で詳細で、ぼやけや色の不一致はありません。 2: ロゴのホットスタンプのタイトル。ナイキの靴箱のロゴは通常、純正の靴箱のホットスタンプ部分に表示されます。

タイトル: jQuery ヒント: ページ上のすべての a タグのテキストをすばやく変更する Web 開発では、ページ上の要素を変更したり操作したりする必要がよくあります。 jQuery を使用する場合、ページ内のすべての a タグのテキスト コンテンツを一度に変更する必要がある場合があります。これにより、時間と労力を節約できます。以下では、jQuery を使用してページ上のすべての a タグのテキストをすばやく変更する方法と、具体的なコード例を紹介します。まず、jQuery ライブラリ ファイルを導入し、次のコードがページに導入されていることを確認する必要があります: <

タイトル: jQuery を使用して、すべての a タグのテキスト コンテンツを変更します。 jQuery は、DOM 操作を処理するために広く使用されている人気のある JavaScript ライブラリです。 Web 開発では、ページ上のリンク タグ (タグ) のテキスト コンテンツを変更する必要が生じることがよくあります。この記事では、この目標を達成するために jQuery を使用する方法を説明し、具体的なコード例を示します。まず、jQuery ライブラリをページに導入する必要があります。 HTML ファイルに次のコードを追加します。

バックグラウンドログインに失敗しましたか?簡単に解決する方法を教えます! Discuz は人気のあるフォーラム プラットフォームとして、Web サイトの構築と管理に広く使用されているため、バックエンドでのログイン障害が発生することがあります。これは問題です。今日は、Discuz バックエンドのログイン失敗の原因となる可能性のある問題について説明し、いくつかの解決策を提供し、具体的なコード例を添付します。この記事が、同様の問題に遭遇したウェブマスターや開発者の助けになれば幸いです。 1. トラブルシューティングは、Discuz バックグラウンド ログインの失敗の問題を解決することです。

Java は、強力なファイル処理機能を備えた人気のあるプログラミング言語です。 Java では、フォルダーを走査してすべてのファイル名を取得するのが一般的な操作であり、これは特定のディレクトリー内のファイルを迅速に見つけて処理するのに役立ちます。この記事では、Java でフォルダーを走査してすべてのファイル名を取得するメソッドを実装する方法と、具体的なコード例を紹介します。 1. 再帰的メソッドを使用してフォルダーを走査する 再帰的メソッドを使用してフォルダーを走査することができます。再帰的メソッドはそれ自体を呼び出す方法であり、フォルダーを効果的に走査できます。
