2016-09-28 16 views
2

データベース内の一部のユーザーの場所を挿入するフォームを作成しました。これらのデータはページに表示されます。問題は、フォームを埋めるとページ自体がリロードされないことですが、ページをリロードする必要があります。ページが別のブラウザで開かれた場合、リロードされません。このフォームからいくつかのデータをデータベースに挿入した後で、このページを単独でリロードする方法はありますか?あなたはデータベースにデータを挿入した後にページをリロードする方法

としてのjQueryを使用して、あなたがあなたの操作を完了した後にページを更新することができます

+0

あなたはそれが何[ 'ajax'](https://developer.mozilla.org/en-US/だ、ページをリロードする必要はありません。 docs/AJAX/Getting_Started)が対象です。しかし、あなたがページをリロードすることを主張するなら、それはええ、確かにそれを行うことができます。あなたは['location.reload()'](https://developer.mozilla.org/en-US/docs/Web/API/Location/reload)を使うことができます。 – Andrew

+0

@Andrewどのようなajax関数を使ってリロード? – Daniel

+0

全体のアイデアはリロードしないことです。ページのリロードは視覚的に魅力的ではなく、ネット接続によってはかなり遅くなる可能性があります。再ロードしないで、外出先でアップデートしてください。 ajax呼び出しを行い、必要な情報を返し、ページをリロードせずにDOMを更新します。 – Andrew

答えて

1

Javascriptを1.0

window.location.href = window.location.pathname + window.location.search +window.location.hash; 
// creates a history entry 

Javascriptの1.1

window.location.replace(window.location.pathname + window.location.search + window.location.hash); 
// does not create a history entry 

Javascriptの1.2

window.location.reload(false); 
+0

#何かはボタンのIDですか? – Daniel

+0

はい、あなたはボタンのIDを使用したり、document.ready関数を書くことができます –

+0

私は試みました。別のブラウザに同じページがある場合、これは同じデータが残っており、リロードするまで更新されません。しかし、自分でリロードしたい – Daniel

2

assign()メソッドを使用します。 assign()メソッドは、すべての主要なブラウザでサポートされています。

window.location.assign(data); "data being the URL" 

または

window.location.href 

function myFunction() { 
 
    location.assign("http://www.example.com"); 
 
}
<button onclick="myFunction()">Load new document</button>

[OK]をありがとう!このボタンの横にng-clickボタンがありますか?

はいこれでも正常に機能します。 JSFiddleを参照してくださいdemo

編集:私はあなたのコードでこれを持っていた?

window.history.back(); or location.reload(); 

を持つと置き換えることを検討:

window.location.replace("pagehere.html"); 
+0

そして、データは何であるべきですか? – Daniel

+0

あなたが行ったURL。 –

+0

ありがとう!このボタンの横にng-clickボタンがありますか? – Daniel

関連する問題