ページ内の特定のdivを更新する方法を知っている人はいますか?ページ全体をロードしたくないのですが、特定のdivを1つロードしたいのです。それは可能ですか?
7 に答える
私はまだ自分自身を学ぶ過程にありますが、あなたが本質的に話しているのはAJAXだと思います。jQueryライブラリは、AJAX呼び出しを行うためのいくつかの方法を提供します。いくつかは高レベル、いくつかは低レベルです。jQueryホームページで.load()を検索して高レベルのソリューションを検索し、.ajax()で低レベルのソリューションを検索します。
不可能ではありませんが、ajaxを使用してdivのコンテンツを更新できます(正確には更新されません)。
編集:単純なJavaScriptを使用してajaxリクエストを完了することができます。ajaxでは、リクエストがサーバーに送信され、サーバーはdiv内のhtmlを更新するために使用できるデータを送り返します。www.w3schools.com/ajax/default.asp
それはと呼ばれjquery
ます。これは、少ないコードで多くの関数を簡単に記述できるようにするJavaScriptライブラリです。Ajax
はその一部であり、動的コンテンツをdivに取り込むためのHttpリクエストを作成するために使用するものです。
ページ全体をリロードしたくない場合は、を使用jQuery Ajax
できます。ただし、これを使用すると、ページ全体を更新せずに div タグの内容のみを変更できます。
jQuery と PHP (AJAX) を使用すると非常に簡単に実行できます。データベースまたは Web ページの任意の場所から新しい値をロードできます。また、時間間隔を設定して、次のリンクを確認してください。
http://phphere.blogspot.com/2013/12/how-to-refresh-particular-div-in.html
Ajax が最善の策ですが、jQuery だけのものではありません。とにかく jQuery を使用していない場合は、jQuery ライブラリ全体をサイトと共にロードするよりも、自分でスクリプトを作成する方が効率的であることがわかります。
ここに方法があります、それが機能するかどうか教えてください:
<html>
<head>
<script>
$(document).ready(function(){
$.post(
"anotherpage.php",
{"field":"value"},
function(r){
if(r!==''){
$(".replace").html(r);
}
});
});
</script>
</head>
<body>
<div>Some text</div>
<div class="replace">Default Text</div>
</body>
</html>