XMLHttpRequest（）を使用して、Webサイトの別のページにデータを常時送信するにはどうすればよいですか？

Question

私はnode.jsとexpress.jsで作業しています。この問題を最速で解決できる方法を探しています。

私のウェブサイトの1ページは、緯度がvar lat、経度がvar longの位置情報を受信して​​おり、その情報を私のウェブサイトの別のページに常時送信したいと考えています。私のコードは非常に不完全ですが、どんな指針も非常に役に立ちます。私は現在、ブラウザのコンソールにhttp://localhost/driver/save_position Failed to load resource: net::ERR_CONNECTION_REFUSED以降のエラーPOST http://localhost/driver/save_position net::ERR_CONNECTION_REFUSEDを取得しています。私のコードは以下の通りです。

これは、あるWebページ上で実行されるjavascriptファイル内のコードで、情報を他のページに送信して、常に更新できるようにしたいものです。私のルーティングのための別々のファイルに

function sendCoordinates(lat, lon){ 
    var xhttp = new XMLHttpRequest(); 
    xhttp.open("POST", "http://" + window.location.hostname + "/driver/save_position", true); 
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    xhttp.send('lat=' + lat + '&lon=' + lon); 
} 

私は

router.post('/driver/save_position',function(req, res, next){ 
    console.log(req) 
}) 

を持っている私は非常にそのアイデアのこれらの種類のすべてのいずれかのアドバイス初心者よ、助け、そして解決策が非常に高く評価されています！何か助けてくれてありがとう！

Answer 1

1つのWebページは、同じブラウザにない限り、別のWebページに直接データを送信しません。 「あなたのウェブサイトの別のページ」と言っているので、他のユーザーのために他のページにデータを表示させることを話していると思います。それがあなたが意味するものなら、それはブラウザJavascriptが持つ機能ではありません。また、実際には目的地ではないため、あなたが「ウェブページに送る」と言ったときの意味ははっきりしません。

あなたができることは、サーバーにリクエストを送信し、そのサーバーに接続されている他のユーザー/ページに通知することです。他のユーザー/ページにライブWebSocketが接続されている場合、サーバーはwebSocketを介してそのユーザー/ページにメッセージを送信できます。

他のユーザー/ページに同じサーバーへのライブWebSocket接続がない場合、サーバーからこの情報を取得できる唯一の方法は、独自のAjax呼び出しでその情報をサーバーに要求することです。サーバーはその情報を保管しなければならないので、誰かがそれを求めたら情報を提供することができます。あなたが同じブラウザで別のウィンドウにブラウザで一つのウィンドウからデータを送信する方法を求めている場合は

---

、あなたは同じブラウザで2つのcoooperatingウィンドウ間でデータを送信するためにpostMessage()を使用することができます。