ajax が json データをリクエストし、js で解析する簡単な分析 (分析例)_jquery

私は jquery に触れて以来、フロントエンド開発に夢中になり、フロントエンド開発の力と重要性を深く感じています。同時に、ASP.NET についても文句を言いたいのですが、実際のところ、ASP.NET が肥大化していると言う人は、低レベルの ASP を見たことがあるだけかもしれません。 .NET プログラマーは常にページをページ コントロールにドラッグしていましたが、生成されたページには大量のジャンク コードが含まれており、ほとんどすべてのロジック処理がサーバー側で記述されていることがわかりました。実際、asp.net を使い始めたばかりの人はコントロールをドラッグする癖がありますが、さらに深く掘り下げていくと、最終的には asp.net の開発モデルが他の Web 開発モデルと同じであることがわかります。 PHP と jsp。PHP は html css js PHP 言語であり、asp.net は html css js C# 言語です。これを見て、asp.net が肥大化していると言うのであれば、 .net Framework のサポートが必要なので、jsp が肥大化していると言えませんか? JSP には Java 仮想マシンのサポートも必要です。すべての Web 開発は、クライアントがリクエストを送信し、サーバーがデータを返し、その後クライアントがデータを処理するというモデルに基づいています。asp.net 開発モデルの利点は、サーバー側とクライアント側のコードが適切に連携していることです。分割されており、HTML に含める必要はありません。もちろん、このパターンはほぼすべての種類の Web 開発で採用されています。

それは遠すぎます。今日マスターする必要があるものはほとんどありません。誰もが簡単にマスターできるように、非常に少ないコードでデモを作成することを好みます (内容は少し低レベルなので避けてください)。

次のような Web プロジェクトを構築しましょう:

最初にクライアント HTML コードを記述します

コードをコピーします コードは次のとおりです:

＆lt; Table＆gt;
d＆gt;
/tr＆gt;
＆lt;/thead＆gt;
＆lt; tbody＆gt;＆lt; ;




js コード

コードをコピー
コードは次のとおりです:

$(function () { $("#btnget") .click(function () { $.ajax({ ) タイプ: "post", dataType: " json",

url: "data.ashx",

成功: function (msg) {
var str = "";
for (i in msg) {
str = "< ;tr> msg[i].id "" ;" msg[i].name "gt;" msg[i].cla "< ;/td>" msg[i].sex "" msg[i].tel "";
テーブルの見た目を良くするために、そのスタイルを定義しましょう





コードをコピーします


コードは次のとおりです: