私は自分のサーバ側の言語にPHPを使用しており、結果を返すフォームを持っています。現在jqueryを使用して結果を取得し、ページの一部を更新しています。これはjqueryなしでもできますか？もしそうなら、いい例がありますか？Javaスクリプトなしでページの一部だけを読み込むことはできますか？
私の現在のjqueryのコードは次のようになります。私はJavaスクリプト無料の代替を見つけようとしているが、私は怖い
$.post("search_basic_results.php", $("#profile_form_id").serialize(),
function(data) {
$('#search_results').html(data);
});
});
私は再びページ全体をリロードする必要があります。
これはjqueryなしで行うことができますか？
確かに、普通の古いJavaScriptのAJAXを使用できます。少しのコードを書く必要があります。しかし、jQueryの代わりにクロスブラウザーを使用しているときに、なぜこれを行うのでしょうか？
javascriptなしでDOMを操作する限り、これはページ全体を再読み込みせずに行うことはできません。
ページを再読み込みする際の問題点は何ですか？ Javascriptをそのことはできませんなし
if (count($_POST) == 0)
{
// var initialisation
$input_one = '';
$input_two = '';
// result wont be displaied
$display_search = false;
}
else
{
// this bit keeps track of the input fields
$input_one = $_POST['input_one'];
$input_two = $_POST['input_two'];
// result will be displayed
$display_search = true;
// do some stuff that search_basic_results.php would do
}
?>
<form action="" method="post">
<input name="input_one" type="text" value="<?=$input_one?>"/>
<input name="input_two" type="text" value="<?=$input_two?>"/>
</form>
<? if ($display search == true): ?>
<!-- display stuff you want to display here/$('#search_results').html(data); equivalent -->
<? endif ?>
。
ここには古いスクールのJavascriptコードがあります。
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST","search_basic_results.php",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
ヘッダーと検索フォームを再読み込みしたくない場合は、この方法をお勧めしますか？ – Paul
ヘッダーと検索フォームの場合は、リロードすることをお勧めします。それらは比較的少量のHTML（他のものはすべてキャッシュ可能）とコスト（ブックマークの解除、リンク共有などを含む）が利益を大きく上回ります。 – Quentin
残念ながら、私のヘッダーは呼び出されるたびにログインしたユーザーのイメージを読み込みます。私はこれがキャッシュされないと仮定しているし、毎回DBへの呼び出しが必要です。 Twitterに表示されるヘッダに似ています。ヘッダーを保持するためにiframeを使用するかもしれないように見えます。 – Paul