Asp.Net+Jquery.Ajaxは10-JSONとXML+を詳しく解いて最後に書きます

6290 ワード
asp.net
カタログ(更新された記事は接続され、7月25日から2～3日ごとに更新されます):
Asp.Net+Jquery.Ajax詳細1-開編(2012.07.25発)
Asp.Net+Jquery.Ajaxは2-$.Load(2012.07.26発)
Asp.Net+Jquery.Ajaxは3-$.getと$post(2012.07.30発)
Asp.Net+Jquery.Ajaxは4-$.getJSON(2012.07.31発)
Asp.Net+Jquery.Ajaxは5-$.getScript(2012.08.04発)
Asp.Net+Jquery.Ajaxは6-$.ajaxSetup(2012.08.06発)
Asp.Net+Jquery.Ajax詳細7-グローバルAjaxイベント(2012.08.09発)
Asp.Net+Jquery.Ajaxは8-コア$.ajax(2012.08.12発)
Asp.Net+Jquery.Ajax詳細9-serializeとserializeArray(2012.08.15発)
Asp.Net+Jquery.Ajaxは10-JSONとXML+を詳しく解いて最後に書きます(2012.08.20発、終わりました!)
従来、XMLはプログラマーの寵児であり、データ転送、API、AJAXアプリケーションなどの選択肢がなかった.特にAJAXアプリケーションに遭遇した場合、XMLHttpRequestはデータを返すMIMEタイプをチェックし、text/xmlタイプであればXML Parserを実行して返されたドキュメントを解析し、メモリに対応するDOMツリーを構築した後、JavaScript標準のDOMメソッドでDOMツリーを操作することができた.DOMの非難が知られているため、これは明らかに効率的な方法ではない.もう1つの問題は、XMLデータを直接使用するのではなくJavaScriptオブジェクトを使用したい場合は、DOMツリー全体を巡って対応するオブジェクトを作成する必要があります.
そこでJSONは世に出た.
JSONは、AJAXアプリケーションに適した標準的なデータ交換フォーマットを提供しています.JSON(JavaScript Object Notation)は、軽量レベルのデータ交換フォーマットです.読みやすく、書きやすい.同時に機械の解析と生成も容易である.
JSONには多くのメリットがありますが、欠点もあります.XMLには確かに多くの問題がありますが、両者を比較すると、Kさんのブログをお勧めします.
ここではJqueryのプレゼンテーションに重点を置きます.ajaxはバックグラウンドのjsonデータとxmlデータを取得し、両者を比較して参考文でブログを推奨します.
クライアントコード
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JsonXmlTest.aspx.cs" Inherits="JqueryAjaxTest.JsonTest" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        $("document").ready(function () {
            $.getJSON(
                "Data/JsonData.txt",
                 function (JsonData) {
                     $.each(JsonData.employees, function (i, item) {
                         $("#result1").append(item.firstName + " " + item.lastName + "<br/>");
                     })
                 })

            $.ajax({
                url: "Data/XmlData.xml",
                success: function (XmlData) {
                    var XmlContent = "";
                    //       each  
                    $(XmlData).find("name").each(function () {
                        XmlContent += $(this).children("firstName").text() + " " + $(this).children("lastName").text() + "<br>";
                    });
                    $("#result2").html(XmlContent);

                },
                dataType: "xml"
            });
        })
    </script>
</head>
<body>
    <div id="result1">
    
    </div>
    <hr />
      <div id="result2">
    </div>
</body>
</html>

サーバxmlファイルの内容
<?xml version='1.0' encoding='UTF-8'?>
<employees>
  <name>
    <firstName>Bill</firstName>
    <lastName>Gates</lastName>
  </name>
  <name>
    <firstName>George</firstName>
    <lastName>Bush</lastName>
  </name>
  <name>
    <firstName>Thomas</firstName>
    <lastName>Carter</lastName>
  </name>
</employees>

サーバjsonファイルの内容
{
"employees": [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName":"Carter" }
]
}

jqueryを使用しているので、クライアント解析xmlとjsonではあまり変わらないように見えますが、オリジナルjavascriptを使用すると、比較効果が明らかになります.この記事Java+javascript+xmlとjava+javascript+jsonの比較を見てください.
個人的にxmlはサーバでは比類がないと感じていますが、jsonのクライアントでの優位性も明らかです.xmlとjsonのどちらが優れているか、どちらが劣っているかは、個人の好みに基づいて簡単に結論を出すことができるわけではない.優秀なプログラマーは、どちらも熟練して身につけ、臨機応変にしなければならない.
「Asp.Net+Jquery.Ajax詳細」シリーズの記事は、最後の言葉に書かれています.
ついに私の第1編の中の計画に従って徹底的にこの一連の文章を完成して、振り返ってみると、内容は実はとても簡単で、しかし依然としてまじめに本当にそれを完成しました.何か不正確な点があれば、後で訂正と補充をします.
実は、最初はそれを1つの文章に書きたいと思っていましたが、それは必ず「大全」の結果を招く可能性があります.すべてのことがはっきり言えないかもしれませんが、後で基礎のない人が見ていると、きっとあいまいに見えると思います.最後には、1つの実例1つの実例を決める上で、少しずつ言って、10編を話して、異なる読者に対して、はっきりとは見えませんし、最高の解決策とは限りません.しかし、私はもう自分のできることをはっきり言って、もっと合理的に話しました.内容は多くなく、読者が過去のJqueryを得るのに役立つ.ajaxベース.機能を見ないで苦労を見ましょう、ほほほ.
これはjqueryですajaxベースは、プロジェクトに活用するのが本当の腕です.がんばって、みんな.頑張れ、ジャリン.
bootstrap 3 navrbarは、トップを配置し、スクロールしてリスニングを実現
ASP.NET学習のGridViewにはページング機能が付いています