データおよび分析JSと解析のJSON AJAXリクエスト（分析例）

これは、友人が下記を参照してくださいすることができます必要がある、すべてのWeb開発スタッフは、基本的な技術を習得する必要がありますする必要があります

フロントエンドの開発と恋にjQueryを使って接触しているので、だけでなく、深く強いフロントエンドの開発および重要な点を感じました。また、私は実際にasp.netはそれを理解していない人よりも何もないことを肥大化し、肥大化しなかった、彼らはいくつかの低レベルのasp.netプログラマがページをドラッグし続けて見ることができる、asp.netに文句を言うしたかったですその後、制御、および生成されたページは、ジャンクコードの多くが含まれていることがわかったが、ほとんどすべてのサーバ側で書かれたロジックの、サーバは、あまりにも多くの圧力を感じました。実際には、単に人々の習慣に入るためには、asp.netコントロールをドラッグしますが、それ以上行くときあなたは、JSPや他のWeb開発モデルが同じで、最終的にasp.net開発モデルというか、PHPで見つかります、PHPはHTMLですあなたがここに表示された場合は+ CSS + JS + PHP言語はasp.netのHTML + CSS + JS +（開発者向け）C＃言語、唯一の違いは、サーバー側の言語のみである、ので、asp.netは非常に肥大化しましたサポートするために必要な.NET Frameworkが、なぜ非常に肥大化JSP言いませんか？JSPは、Java仮想マシンああのサポートを必要とします！クライアントは、このデータモデルを再処理要求するすべてのWeb開発は、クライアントに基づいており、よくクライアントとサーバー側のコードから分離されているasp.net開発モデルの利点ではなく、HTML内に - - データ・サーバを返します。ネストされたサーバ・コード - このモデルは今、ほぼ確実に、様々なウェブを使用して開発されています。

話を戻そう。私たちはほとんど、私はデモを書くために以下のコードを使用することを好むので、私たちは把握し、より簡単です（内容は少し低く、すばらしい神、合格していないしてください）今日把握しなければなりません。

だから我々は、Webプロジェクトを構築しました：

最初の書き込みクライアントhtmlコード

<TABLE> 
  <THEAD> 
    <TR> 
      <TD>学号</ TD> 
      <TD>姓名</ TD> 
      <TD>班别</ TD> 
      <TD>性别</ TD> 
      <TD>电话</ TD > 
    </ TR> 
  </ THEAD> 
  <TBODY> </ TBODY> 
</ TABLE> 
<入力ID = "btnget"タイプ= "ボタン"値= "加载数据" />

JSコード

$（関数（）{ 
  。$（ "＃のbtnget"）をクリックします（関数（）{ 
    $アヤックス（{ 
      タイプ： "ポスト"、
      データ型： "JSON"、
      URL： "data.ashx"、
      成功：関数（MSG ）{ 
        VAR STR = ""; 
        のための（I MSGで）{ 
          STR + = "<TR> <TD>" + MSG [I] .ID + "</ TD> <TD>" +のMSG [I] .nameの+ "</ TD> <TD>" + MSG [I] .cla + "</ TD> <TD>" + MSG [I] .sex + "</ TD> <TD>" + MSG [I]。 TEL + "</ TD> </ TR>"; 
        } 
        $（ "TBODY"）付加（STR）; 
      } 
    }）; 
  }）; 
}）;

表が良く見えるようにするために、我々はどのようなそのスタイルを定義します

<スタイルタイプ=「テキスト/ CSS」> 
  表{ 
    ボーダー崩壊：崩壊。
  } 
  テーブルTD { 
    テキスト整列：センター。
    国境：1pxの灰色の固体。
    パディング：3px 10pxの; 
  } 
</スタイル>

そして、コード・サーバーが返すデータのJSONを書きます

列データ= "[{\"のID \ "：\" 2010324268 \」\ "名\"：\ "林宇\"、\ "CLAの\：10软件\" \ "" \ "性別の\"： \ "男\"、\ "TELの\"： "13800138000 \" \}、{\ "のID \"： "2010324256 \" \ \ "名\"：\ "李四\"、\ "CLAの\" ：\ "10网络\"、 "性別\" \： "女の\" \ \ "TELの\"： "10010 \" \}、{\ "のID \"： "2010324264 \" \、名称"\ \ "\"张三CLAの\ "\ "\" \ "10软件\"、\ "性別\：男の\" \ "" \ "TELの\"：\ "10086 \"}]"。
context.Response.Write（データ）。

ここで私は、JSON形式に直接データを書き込みます。データベースからデータを読み込み、その後、JSON形式にまとめ、または他の誰かがクラスのJSONデータに書き込まれたいくつかのシーケンスを使用することができ、もちろん、私はあなたがあなた自身を書く提案、今後の使用を容易にするためのライブラリーを生成するために一般的に必要性。

あなたはなど、JSON、XML、であり、それはデータ形式、フォームへの並列データの数であるかを説明する必要がある場合：[{「ID」：「1」、「名」：「ジョー・スミス」、「年齢」： " 20 "}、{" ID "：" 2 "" 名前 "：" ジョン・ドウ "" 年齢 "：" 18「}]このフォーマット。

これは、すべてのWeb開発スタッフは、それの基本的な技術を習得する必要がありする必要があります。

データおよび分析JSと解析のJSON AJAXリクエスト（分析例）

おすすめ