2017-11-16 1 views
-2

達成したいのは、DBからユーザー名を取得するボタンをクリックしていることです。今、私は2つのブラウザを開いて、同じページにあるので、いずれかのブラウザでボタンをクリックすると、両方のブラウザにデータが表示されます。あなたが探しているものをachiveする「リアルタイムデータベース」を必要として1つのブラウザでボタンをクリックすると、開いている両方のブラウザでタスクを実行する必要があります

<html> 

<head> 
    <script src="jquery-3.2.1.min.js"></script> 
</head> 

<body> 
    <button id="sub">click here</button> 
    <div id="detail"></div> 

    <script> 
    function fetch_data() { 
     $.ajax({ 
     url: "select.php", 
     method: "POST", 
     success: function(data) { 
      $('#detail').html(data); 
     } 
     }); 
    } 
    $(document).ready(function() { 
     $("#sub").click(function() { 
     fetch_data(); 
     }); 


    }); 
    </script> 
</body> 

</html> 
+4

あなたのコードはあなたが望むことから何マイルも離れています – j08691

+0

次に何をすればいいですか –

+0

ルックアップウェブソケット。 – Maru

答えて

0

は、ここでは、コードです。 Firebaseを使用することをお勧めします。 firebaseデータはリアルタイムですべてのクライアントで同期され、アプリがオフラインになっても利用可能なままです。一般的なHTTP要求ではなく、Firebase Realtime Databaseはデータ同期を使用します。データが変更されるたびに、接続されたすべてのデバイスがミリ秒単位でそのアップデートを受信します。ネットワーキングコードを意識することなく、コラボレーティブで没入型のエクスペリエンスを提供します。

+0

私はこれを使ってチャットアプリケーション –

+0

@maxtechを作成することができます。このチュートリアルに従うことができます:https://codelabs.developers.google.com/codelabs/cloud-firebase-chat/#0 –

0

あなたがする必要があるのはウェブソケットを実装することです。これにより、サイトでリアルタイムのものを実装できるようになります。これは、フードの下でパブ/ハブのアプローチを使用しました。

あなたはバックエンドとしてPHPを使用している場合、これはあなたを助けるかもしれない:(jQueryを使って動作します)jQuery Simple WebsocketsようSocketo

とフロントエンドの使用のために何か

あなたは物事を単純化したい場合は、最も簡単な方法これは、Firebaseのようなサービスを使用しています(これは、ほとんどの場合リアルタイムで動作します)。

+0

Webソケットとjqueryを使用して –

+0

はい、もちろん可能です – adielhercules

関連する問題