ノード、エクスプレス、Ajax、ヒスイの例

Question

ノード/エクスプレス/玉ページの簡単な例を、クライアント側コードとサーバー側コードの両方でAjax呼び出しを使用して更新したいのですが、

私は頭がおかしくなりました。

Answer 1

これは非常に多くの方法があり、どちらのアプローチを取るべきかはすぐには分かりません。

最も単純なシナリオは、クライアント側のロジックを追加してサーバーからHTMLを取り出し、クライアントを更新することです。

$('#button').click(function() { 
    $.get('/some/url', {foo: 42}, function(result) { 
     $('#target').html(result); 
    } 
} 

この方法で、すべてのHTMLがサーバー上で生成され、あなたは単にフェッチし、必要に応じてページに挿入：これは簡単にjQueryを使用して達成される（イベントを配線する文書準備がブロック内に置きます） 。

また、サーバーからjsonを取得してクライアント上でhtmlをレンダリングすることもできますが、それが別のアプローチの1つです。 TodoMVCには、多くの異なる実装（それぞれが異なるフレームワークを使用）を持つtodoリストアプリケーションであることを強くお勧めします。したがって、さまざまなアプローチやヘルパーライブラリの優れた学習リソースです。

Hands-on Node.js本もお勧めします。これは、ルーティングとノードを始める方法を理解するのに役立ちます。