html - 新しい Web ページに移動せずにサーバーからデータを取得する

Question

HTML ページのフレームを使用して、元の Web ページを離れずにサーバーからデータを読み込みます。フレームの src を再割り当てするだけで、表示されたデータが更新されます。

プログラムで div を作成する必要がありますが、幅と高さはサーバーから取得する必要があります。Web ページを離れることなく、フレームを使用してこれらの値を取得できますか、それとももっと簡単で効率的な方法がありますか?

私は ajax を使用したくないので、コードをできるだけシンプルに保ちたいと思います。

Answer 1

jQuery を使用します。それは本当に簡単です。

簡単な例:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script>
   $('#result').load('otherfile.php');​
</script>

<div id="result"> </div>

div id'ed "result" 内に otherfile.php をロードします。ページのリロードなし。

Answer 2

jqueryの例をありがとう、私は将来それを使うかもしれません。今のところ、フレームを使用してそれを解決するための非常にシンプルで効率的な方法を見つけました (知っています、知っています...)。その単純さに本当に驚きました。

フォーム (複数の div を管理する JavaScript クラス) を作成し、その中に小さなフレームを作成します。フレームはフォームのプロパティを変更し、それ自体を削除します。

キーは、子から親で定義された javascript 変数にアクセスすることでした。

  echo "<script>";
  echo "parent.window.oDlg.SetSize( ".$row[ "WIDTH" ].", ".$row[ "HEIGHT" ]." );";
  echo "parent.window.oDlg.SetTitle( '".trim( $row[ "TITLE" ] )."' );";
  echo "</script>";

Answer 3

最も簡単な方法の 1 つは、次のようにページ プロパティを呼び出すことです。

<script type="text/javascript">
var width = <%=this.Width %>
</script>

このプロパティをcsファイルで次のように宣言します

public int Width
        {
            get;
            set;
        }

それはあなたが期待したものですか？または、ページがロードされた後に計算が必要な場合は、jquery ajax と 1 つの httphanlder を使用して簡単に計算できます。