リフレッシュせずにajaxを使用してページの内容をリロードする

Question

実際にページを更新せずにajaxを使用してページの内容をリロードします。そのため、ajaxを使用すると、実際にページをリロードすることなくページの内容がすべて変更されます。どうやってやるの？

divを使用することはできません。ページ全体を置き換えたいので（したがって、w3c htmlで妥当性を検証したい）

jqueryとajaxを使ってどうすればいいですか？

Answer 1

AJAXは、ページ全体の更新がリソースに有効でないシナリオ（つまり、リクエストの後にページの一部のみが更新される場合）に対応しています。たとえば、すべてのコンテンツが変更されるため、ページの更新が理想的です。

AJAXは、あらゆる状況で最良の答えではありませんが、AJAXを使用して問題を解決するための断固としている場合... jQueryのを使用して

：

$.post('/login', {login: 'username', password: 'password'}, function(response) { $('body').html(response); }, 'text'); 

注、これは本体のみを更新します - 応答にはhtml,head、bodyなどは含まれません。

より良い解決策は、ページの一部にAJAXアップデートで対応可能なセクションを割り当てることです。あなたのAJAXレスポンダは、これらのセクションのIDをキーとして、その内容を値として持つ連想配列を返すことができます。単純なループでは、上記で提供したスニペットをほとんど変更せずに、ページの一部（またはすべて）を更新できます。