2

最近、左側にメニューバーがあるWebサイトを作成しました。次のステップは、メニューで選択したオプションに基づいて、ページの右側をコンテンツで更新することです。iframeを使用できることは知っていますが、より動的なもののように、それに代わるものがあるかどうか疑問に思いました。

メニューオプションのほとんどは入力フォームです。divを埋めるためのajax呼び出しについて読んだことがありますが、それを実現するための適切なチュートリアルが見つかりませんでした。

編集:

これがスケッチですhttp://imageshack.us/photo/my-images/16/smlithis.png/

4

4 に答える 4

6

JQueryの使用を検討してください。Ajaxリクエストの処理は、通常のJSを使用するよりもはるかに簡単です。ajax関数のドキュメント:http://api.jquery.com/jQuery.ajax/

成功コールバック(成功時に実行される関数)を使用して、divを入力できます。

$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});

の代わりに.result、セレクターをメインのdivにポイントします。.html()関数は、divをdataajaxリクエストから返されるデータである。で埋めます。

編集:2018年です。FetchAPIを使用してください

于 2012-11-27T12:18:33.420 に答える
3

jQueryを使用できます。メニューボタンは次のようになります。

<a href='#' onclick='return fillDiv(1)'>GoTo1</a>  
<script>  
function fillDiv(pageNum){
  $("#id_of_div_to_load_to").load("some_page.php",{ 'pahe_num': pageNum } );  
return false;  
}
</script>

これは、それを行うための多くの方法の1つにすぎません。

于 2012-11-27T12:20:56.007 に答える
0

Ajaxはサーバーからデータを取得できますが、何も入力できません。Ajaxは、サーバーとの通信に使用される単なるJavaScriptです。Javascriptは、そのデータを取得してデータを挿入し、そのdivを埋めるための要素を作成できます。

于 2012-11-27T12:14:50.493 に答える
0

あなたはこのようなことを意味します: jqueryで変更を選択したときにdivを更新する方法

実際に別のソースから動的にデータを取得したい場合は、まったく別の問題になります。

于 2012-11-27T12:18:02.780 に答える