[解決済み] DIVコンテンツを更新する方法を教えてください。
2022-02-05 09:10:54
質問
<div id='here'></div>
私は、たくさんのdivの中のあるdivを更新しようとしています。div のコンテンツは基本的に PHP によって生成され、MySQL データベースからのデータと、XMLHttpRequest の助けを借りて送信される多くの変数も一緒に生成されます。
このアイデアは、php ファイルを読み込んだり
.text
または
.html
. この場合
.load('file.php')
私が試したこと :
<script type='text/javascript'>
function updateDiv()
{
document.getElementById("here").innerHTML = document.getElementById("here").innerHTML ;
}
</script>
と(3秒ごとの更新の場合):
$(document).ready(function () {
setInterval(function () {
$('#here').load('#here'));
}, 3000);
});
理想的には、次のようなものが必要です。
function reloadDIV () {document.getElementById("here").innerHTML.reload}
function reloadDIV () {$('#here').load(self)}
これをonClickで使用できるようにするためです。
<a onclick='reloadDIV ();'>reload div</a>
解決方法は?
ページの一部を再読み込みするには、jquerysの
load
を現在の url と共に指定し、必要なフラグメントを指定します。
load
が呼び出された場合、この場合は
#here
:
function updateDiv()
{
$( "#here" ).load(window.location.href + " #here" );
}
-
load要素のセレクタ内のスペースを無視してはいけません。
+ " #here"
この関数は、インターバル内で呼び出すか、クリックイベントに添付して呼び出すことができます。
関連
-
[解決済み】Uncaught SyntaxError: JSON の位置 0 に予期しないトークン u があります。
-
[解決済み】Vueが定義されていない
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Javascript:getElementById対getElementsById(両方が別のページで動作する)。
-
[解決済み】SecurityError: オリジンを持つフレームがクロスオリジンフレームにアクセスするのをブロックした
-
[解決済み】NodeJS "ESモジュールをロードするためにインポートを使用する必要があります。"
-
[解決済み】コンソールがUnterminated JSX contentsエラーを投げる【終了しました
-
[解決済み】React.jsの配列の子要素のユニークキーを理解する
-
[解決済み】JS ファイルが net::ERR_ABORTED 404 (Not Found) を取得する)
-
[解決済み】JavaScriptで相対URLへのリダイレクトを行う
-
[解決済み】 Uncaught Reference Error: stLight is not defined (in Chrome only)
-
[解決済み】Javascript、[オブジェクトHTMLInputElement]を表示中。]
-
[解決済み】中央値の計算 - javascript