リフレッシュせずにページを更新する方法

新しいメールを受信したときにGmailが自動的にメールを表示しますが、これはどのように行われますか？リフレッシュせずにページを更新する方法

2011-01-26 hon

アップデートがある場合は、チェックをサーバにwindow.setInterval機能を使用して定期的にAJAX要求を送信できます。

window.setInterval(function() { 
    // this code will execute on every 5s 
    // so we could send an AJAX request to verify if we 
    // have new data. Example with jQuery: 
    $.getJSON('/foo', { }, function(result) { 
     if (result.newItems) { 
      // TODO: update the DOM with the items 
     } 
    }); 
}, 5000);

別の可能性は、サーバではなくクライアントに更新をプッシュすることができますHTLM5 WebSocket APIを使用することです更新のためのクライアントポーリングのjQueryを使って非常に簡単に

出典

2011-01-26 09:35:29

やあ、なぜGmailはやってsetInteralを使用する場合、私は、放火犯を使用して要求レコードを参照してください望めませんいくつかの秒あたりのリクエスト？また、アヤックスのリクエストをしたい場合は、トリガーが必要なのでしょうか？ – hon

あなたは 'ネット'タブでそれを見ることができますか？ –

http://blog.twostepmedia.co.uk/send-html-form-results-in-an-email-from-php-using-jquery-ajax/

。

出典

2011-01-26 09:35:47 benhowdle89

これはajaxを使用して行われます。偶然、質問には「ajax」というタグが付いていました。ウィキペディアから

：http://en.wikipedia.org/wiki/Ajax_(programming）

「アヤックス（発音/eɪdʒæks/;非同期JavaScriptとXMLの略記）は、[1]インタラクティブなWebアプリケーションを作成するために、クライアント側で使用され、相互にWeb開発手法のグループですAjaxを使用すると、Webアプリケーションは、既存のページの表示や動作を妨げずに、バックグラウンドで非同期にデータを取得できます。通常、XMLHttpRequestオブジェクトを使用してデータを取得します。要求は非同期である必要はありません。[2] "

出典

2011-01-26 09:36:46 Arafangion

gmailがajaxを使用する場合、firebugにリクエストレコードがいくつかある必要がありますが、存在しませんでした。 – hon

あなたはそれを言ったAJAX XMLHTTPの検索jQueryとajaxのwik私は、デスクトップアプリケーションの動作をオンラインでシミュレートするために隠れたiframeを使用していた4〜5年前と同じように、今日は厄介なものではありません。

これは開始するポイントです： http://api.jquery.com/jQuery.ajax/

そして、これが主なアイデアです： http://www.w3.org/TR/XMLHttpRequest/

出典

2011-01-26 09:37:59

リフレッシュせずにページを更新する方法

答えて

関連する問題