4

私は現在、基本的な cgi を使用してページを表示する Web サイトを開発しています。Web サイトを変更して、より優れた (動的な読み取り) インターフェイスを持つようにしたいと考えています。

私が始めるのに、どのテクニック (AJAX でない場合) やチュートリアルをお勧めしますか?

4

14 に答える 14

15

「AJAX」という用語は少し誤解を招きやすく、学習しようとしている人を簡単に混乱させる可能性があります。この用語自体は、実際にはサーバーからデータを非同期的に取得または送信することのみに適用されます (つまり、ページをリロードせずに) が、最近の Javascript を多用するシステムを説明するために使用される傾向があります。(実際、非同期でデータをフェッチまたは送信することについて話している場合でも、「AJAX」という用語は完全に正しいわけではありません。もともとは「非同期 Javascript と XML」を意味する造語でしたが、最新の実装のほとんどは XML の代わりに JSON を使用しています。 )。

だから、あなたが本当に話しているのは「現代のJavascript」だと思います。Web サイトで Javascript を使用する (前述のように) には、いくつかの関連しているが異なる技術が関係しており、それらが何であるか、それらがどこで始まりどこで終わり、どのように相互作用するかを理解することは非常に役立ちます。

まず、Javascript 言語自体を用意します。いくつかの実装がありますが、これは実際には比較的単純であり、その構文を理解するのにほとんど問題はありません。

次に、DOM またはドキュメント オブジェクト モデルがあります。これは、ページ自体に対するブラウザの Javascript ベースのインターフェースです。DOM は実際には Javascript 言語に比べてかなり複雑であり、最も問題を抱えている可能性があります (特に、異なるブラウザーによって提供される DOM は微妙に異なる傾向があるため)。

このようなことを実際に学び始めるには、基本的な DOM 操作から始めることをお勧めします。DOM を使用して要素を動的に作成する方法、イベントを割り当てる方法、コードがページと対話する方法などを学びます。Web には膨大な数のリソースがあり、書籍もいくつかあります。前述したように、O'Reilly のJavascript: The Definitive Guideは優れたリソースです。信頼できる Web リソースが必要な場合は、PPK のサイトを試してください。Firebugもインストールする必要があります。これはデバッグに非常に役立ちます。また、優れた学習ツールにもなります。コンソールを開いて、好きなページで「遊ぶ」ことができます。DOM ブラウザーとタブ補完により、非常に簡単になります。

Javascript を単独で見ることから始めることもできますが、単純なので、ほんの一握りの例を見るだけで、必要なものはすべて理解できるでしょう。代わりに、進歩するにつれて、Javascript 言語自体を再検討することをお勧めします。そのオブジェクトのプロトタイピング (および、慣れ親しんでいる従来の OOP クラスとの違い) について学んでください。始めたばかりなので、今は見直すことをお勧めします。

AJAX やフレームワークについてはまだ触れていないことに注意してください。フレームワークについて調べる前に、Javascript と DOM の基本的な基礎を理解していれば、はるかに簡単に理解できるでしょう。DOM 操作に関して言えば、これらのフレームワークは単に「ショートカット」とユーティリティ関数を提供するだけです。バックグラウンドで何をしているのかを知らないと、問題を解決するのが非常に難しい場合があります。

フレームワークを使用して AJAX の複雑さを処理することもお勧めします。これは、(DOM 操作やイベント処理とは異なり) XMLHttpRequest の複雑さを本当に理解したい場合を除き、理解する理由がほとんどないためです。フレームワークにそれと発生するすべてのブラウザー互換性の問題を処理させてください。

幸運を!

于 2008-09-18T17:30:39.387 に答える
11

AJAX は、以下を選択することによって最もよくアプローチされます。

  1. Javascript言語。
  2. DOMの理解。
  3. XMLHttpRequestの理解。

それらを身につけたら、どの API やフレームワークを使用するかについて十分な情報に基づいた決定を下すことができます。バックエンドはそれほど重要ではありませんが、プロトコルとして XML よりもJSONを使用することをお勧めします。XML の構文解析には矛盾が多く、回避するにはコード ハックが必要です。JSON ははるかに簡単です。

詳細については、「 Struts 1 から別の Web フレームワークに移行した人はいますか? 」に関する私の回答を参照してください。

于 2008-09-18T14:11:10.177 に答える
5

HTML::PrototypeJQuery、またはCGI::Ajaxをチェックしてみてください。

于 2008-09-18T14:08:03.303 に答える
3

AJAX (または JavaScript/DOM) をスタンドアロン エンティティとして学習することについては、ここに多くの良い答えがありますが、CPAN の CGI::AJAX モジュールは、AJAX を使用してページを更新する Web ページを設定するための最も迅速で簡単な方法です。 -Perl バックエンドを使用したフライ。DOM、XML、JSON、または Perl 以外の言語の知識は必要なく、少しの HTML と JavaScript のごくわずかなヒントも必要ありません。

必要な作業は、呼び出す Perl 関数と入力として提供するデータを指定する JavaScript イベント ハンドラー (onkeyup='...' など) を割り当て、出力を受け取る div を作成することだけです。CGI::AJAX は、サーバーへのすべての通信とそこからの DOM 操作を処理します。

于 2008-09-19T14:50:40.003 に答える
3

jQuery をお勧めします。軽量で非常に簡単にすぐに理解できる、優れた irc および Web コミュニティです。ajax の場合は $.ajax(url, callbackFn); と同じくらい簡単です。- http://docs.jquery.com/Ajax

www.learningjquery.com の優れたチュートリアル

于 2008-09-18T14:07:57.783 に答える
2

W3 Schools のチュートリアルは、より詳細なチュートリアルに進む前に、常に開始するのに適した場所であることがわかりました。

http://www.w3schools.com/ajax/default.asp

于 2008-09-18T14:37:14.560 に答える
1

Head First LabsHead Rush Ajaxという本をお勧めします。

Ajax をゼロから学習するプロセスを順を追って説明します。

彼らは、あなたがまだ知っているかもしれないし、知らないかもしれないことに関して、最小限の仮定をします.

著者は、AJAX を理解して使用するためのビルディング ブロックを適切に提示しています。

よろしく...

于 2008-09-21T04:26:23.263 に答える
1

もしあなたが JavaScript 側に慣れていないのであれば、おそらくフレームワークを使い始める必要があります。

Jqueryは軽量で使いやすく、優れたチュートリアルドキュメントがあります。

于 2008-09-18T14:04:53.280 に答える
1

自分が何をしているのかを本当に理解したい場合は、JavaScript: The Definitive Guideが JavaScript を学習するための優れたリファレンスであり、XMLHttpRequest がどのように機能するか、およびそれを使用する際のクロスブラウザーの懸念事項に特化したセクションがあります。

それを理解したら、面倒な作業を処理してくれる jQuery や Prototype などのフレームワークの使用を検討してください。

于 2008-09-18T14:49:32.737 に答える
0

perl.comのPerlからのAjaxの使用も参照してください。

于 2008-09-18T18:44:01.457 に答える
0

Ajax Hacksから AJAX (および JavaScript) を初めて紹介しました。Ajax Hacksは、それが何であるかを理解するための優れた基盤を提供し、誰もがプッシュする do it for you ライブラリの舞台裏で何が起こっているかを理解するのに役立ちました。 .

于 2008-09-19T03:52:52.650 に答える
0

基本的なことをあまり詳しく知りたくない場合は、TIBCO General Interfaceがあります。無料のオープン ソースであり、Tomcat で実行されます。GI は、ブラウザーで実行される AJAX ベースの IDE であり、AJAX Web サイトの作成に使用されます。

私は TIBCO で働いているわけではなく、助けようとしているだけです。ツールにお金を払わなければならないとしたら、私はおそらくそれを提案しなかったでしょう.

-スティーブン

于 2008-09-18T14:13:14.307 に答える
0

最善の策は、Prototype などの AJAX 用の適切なインターフェイスを提供する Javascript ライブラリから始めることです。このようなライブラリの基本を学習するためのリソースはたくさんあります。例: http://www.prototypejs.org/learn

于 2008-09-18T14:03:12.177 に答える
0

jQueryを学んでみませんか?

于 2008-09-18T14:05:10.083 に答える