シンプルなAJAXのための推奨事項？

Question

私はAJAXをよりスマートにしたいが、どちらの方法をとるべきかわからない。私は8年前のように、AJAXと呼ばれる前に、DHTMLプログラミングをその日にやりました。私はemacsを使用し、javascriptを手書きしました。 "警告"でデバッグしました。

ここで私は物事をより良く、より簡単にするフレームワークがあると思いますが、それはどれですか？どこから始めれば？推薦？

1. はjQueryに不可欠ですか？ちょうどいいですか？
2. プロジェクトSACKはどうですか？
3. Firebug？
4. 他の無料のライブラリやフレームワークをお勧めしますか？または間違っている？
5. 非常に簡単なプロジェクトのために、私はFF対IEの互換性を持つ落とし穴のトンを見つけた。誰が正しいのか、誰が間違っているのかについての宗教的な議論に陥ることなく、その地雷を探索して、どのブラウザでもほとんど同じように見えるアプリを作り出すためのヒントは何ですか？ 1人の人にヒントがありました。* insert {padding：0; FFとIEの両方にUL OLなどの要素のデフォルトのパディングとマージンが異なるため、.cssスタックの最上部に余白：0;}があります。このようなヒントのリストはありますか？ガイダンス？
6. 私はMacを持っていないし、IE、FF、Opera、Safari、Chromeのテストコストを無数のバージョンとプラットフォームに掛けたくはない。ヒント？ここに80％の解決策がありますか？私がFF & IEでテストしたように、それは他のものでうまくいくと思いますか？
7. チュートリアルサイトのヒント、はじめにそこには数多くの情報があり、行くべき場所です。特に、DHTMLはおよそ10年前であったため、私のGoogle検索では本当に古くなった情報が増えています。
8. デバッグツールと開発ツールはありますか？私はzvon.orgのウェブ上でxpathジャストインタイム評価ツールを見つけました。私はそれが欲しかったほど良いものでしたが、柔軟性はありませんでした。これは非常に貴重なものだと私は思う。 xslとxpathは私がこれまで使ってきた中で最も不透明な言語になっている必要があります。私がregexを使い始めたときは、Expressoなどのジャストインタイムの正規表現ツールがありました。これらは初期の正規表現の開発と学習にとって非常に貴重でした。昨夜、私はwaaaayをxpath式であまりにも長引かせて過ごしました。そして、xpathのための同様のJITツールがあるかどうか疑問に思っています。 Javascript自体のデバッグと開発はどうですか？

ほとんど私はクライアント側の側面に興味があります。私はASP.NET AJAXのような統合されたクライアント+サーバーのアプローチにはあまり関心がありません。 Rubyだけで動作するクライアントAJAXフレームワークや開発ツールについて教えてくれたら、私は興味がありません。

ありがとうございます！

編集：なぜ私は投票したのですか？これは質問するのが悪い質問ですか？それは私にとっては全く合理的に思えた？それは無益ですか？

Answer 1

を

これは通常、上記のajax（）関数よりも簡単です。ほとんど私はちょうど行う....しばらくの間、コールバック

document.body.style.cursor = "wait"; 
$('#mydiv').load('http://getsomehtml.php?op=loadmeup', function() { 
    document.body.style.cursor = "default"; 
}); 

を追加し、私はjQueryの同意に一度

$('#mydiv').load('http://getsomehtml.php?op=loadmeup'); 

が不可欠です。またはそれのようなもの..生のjavascriptを使用することは、最近のすべてのブラウザの問題の地雷です。私は便利なリファレンスとしてvisualjquery.comが好きです（しかし、レミーは1.3.2にそれをアップデートしたいと思います）。

そして、私は自分の仕事をFirebugにすることができませんでした。

私はxamppliteをテストのためにPC上で実行します。そして、私はNotePad++またはEclipse PDT 2.0を編集（サーバサイドPHPのためのesp）とCVSに使用しています。

私はマルチブラウザテストの方法はVM経由です。 SunのVirtualBoxと、すべてのブラウザをロードしたXP仮想マシンを使用します。私は定期的にFF3とIE7を使用しているので、私のVMはIE6、FF2、Chrome、Opera、Safariに入っています。私はときどきUbuntu 8.10イメージを使用しますが、実際にはそれほど頻繁ではありません。正規表現は、RegexBuddyのコピーを取得するために

- $ 40

Answer 2

個人的にはjQueryは不可欠だと思います。 XMLHttpRequestには多くのブラウザの違いがあります。 jQueryはすべてを単純化します。ここでexampleです：

$.ajax({ 
    url: 'document.xml', 
    type: 'GET', 
    dataType: 'xml', 
    timeout: 1000, 
    error: function(){ 
     alert('Error loading XML document'); 
    }, 
    success: function(xml){ 
     // do something with xml 
    } 
}); 

あなたは簡単にJSON、HTML、etcjを返すために、これを変更することができます。

また、$.load(),$.post()などのようにパラメータの数を大幅に減らすためのラッパーメソッドがあります。

ブラウザの違いに関連して、Yahoo's reset CSSなどのCSSリセットから始めることを強くおすすめします（他にもあります）。

開発の面では、Firebug（通常はYSlow）と組み合わせたFirefoxが標準です。 HttpFoxとWeb Developerも一般的なプラグインです。

Answer 3

1. jQueryは必須ではありませんが、非常に役に立ちます。
2. これについて聞いたことがありません
3. 私は1つのjsフレームワークで十分だと思います。だから私はjQueryをお勧めします。
4. CSSリセットは互換性の問題をすべて解決するわけではありませんが、それは大きな助けになります。究極のCSSリセットについては、Eric Meyer's CSS resetを参照してください。
5. お試しhttp://browsershots.org/
6. ここにはお勧めできません。
7. デバッグ用javascript - firebug（firefox extension）。また、サーバーとクライアントの間で渡されたものを確認するために、フィドラーを試してみることもできます。

Answer 4

また、JQueryを使用することをお勧めします。人生はずっと楽になります。

JSについて学んだことの1つは、それが機能するとは決して信用できません。ちょうどあなたがJQueryを使用し、それがいくつかのブラウザで動作するということは、他のブラウザでもうまく動作しないということです。

できるだけ多くのシステムで多くのボンバーで試してみる必要があります。

Answer 5

私はAjaxリクエストを作成するために、http://www.prototypejs.org/
を使用しています。他のすべてについては、私自身のJavaScriptを記述します。たとえdivを退色させても、私はまだそれを自分のやり方で学習することを好む。入門については

、ここで私の簡単なチュートリアルです：

new Ajax.Updater(domId, urlToAPage); 

： domIdがあれば、入力対象ではないので、IDを持っているあなたのhtmlページに何も=が。 urlToAPage =連絡してデータを取得するページにすることができます。

あなたが要求をより複雑にすることができます。

new Ajax.Updater(domId, urlToAPage, {method: 'post', parameters: pars}); 

あなたが「取得」から「ポスト」から方法を変更することができます。 パーズは何でもかまいません。さらに、ポストリクエストでも同じように見えます。ですから、hello.phpというファイルに要求を行うと「ハロー」と呼ばれるのdivに応答を置いた後、二つの引数とポストパラメータを送信する場合：

var domId = 'hello'; 
var urltoPage = 'hello.php'; 
var pars = 'hello=1&name=hsbsitez'; 

続きを読む：http://www.prototypejs.org/learn/introduction-to-ajax