信頼性の高いAjaxアプリケーションの構築、第2部:Ajaxバックエンドの構築

1187 ワード

バックエンド処理-サーバ側のスクリプトとプログラム-Ajaxアプリケーションに投入されるとうまく機能するわけではありません.逆に、データが適切かつ効率的なフォーマットで送信されるように事前に計画しておくと、アプリケーション全体がより集約され、不要な複雑さを軽減できます.本論文では,Brett McLaughlinがAjax挙動を補完するための良いサーバ側スクリプトを示した.
本シリーズの第1部では,Nathan SmithのHoverboxコード(初期Hoverboxコードへの関連リンクは参照資料部で見つけることができる)に基づいて,画像ライブラリを示す視覚的に異常に豊富なフロントエンドを構築した.この処理では、人間の目が従うZモード、ページの一貫性を維持する方法、ページから滑り落ちるボックスのテキストフォントのサイズを小さくする方法、serifとsans-serifフォントの可読性の違いなど、基本的なUI原則について説明します.
第1部の操作が完了すると、図1に示すように、第1部で完了したHoverbox UIのような画像ライブラリがあるはずです.
図1.第1部で完成したHoverbox UI
この記事では、重要なバックエンド処理とAjax固有のコードを追加して、ピクチャライブラリをバックエンドに接続します.
Ajaxパイプ処理の準備
前述したように、Ajaxのほとんどの作業は、XmlHttpRequestオブジェクトを設定し、サーバ側プログラムを呼び出し、応答を得るパイプ処理です.プログラムは変更される可能性があります.要求の詳細は異なりますが、基本的な設定はいずれの場合も同じです.
  • は、新しいリクエストオブジェクトを作成します(ブラウザ間で作成することが望ましい).
  • は、要求URLを構築し、POSTがデータを要求する場合もある.
  • は、サーバから応答が受信されたときにブラウザにコールバックする方法を設定する.
  • は、要求を送信する.
  • は、サーバデータに対するプログラムの任意の操作を実行および実行することができるコールバックを構築する.

  • 詳細は、他の記事(リファレンスセクションを参照)で参照できますので、ここでは概要を1つだけ示します.
    レスポンスオブジェクトの作成
    まず、XmlHttpRequestのような応答オブジェクトが必要です.まず、ブラウザとは独立した方法で作成しましょう.インベントリ1は、必要なコードです.
    IBM developerWorks中国
    ここをクリックして全文をご覧ください