2

現在、フォームなどの他のページのコンテンツを表示するために、Web サイトで iframe を使用しています。私が抱えている問題は、ログイン ページにあります。ユーザーが iframe 内のフォームでログインすると、ログイン iframe 内の次のページが表示されるだけです。これはまったく役に立ちません。

AJAX はこのようなことに対してはるかに柔軟で動的であると聞いたことがありますが、それを使用する方法がわかりません。いくつかのチュートリアルを見てきましたが、ページ。

iframe を AJAX に置き換えるにはどうすればよいですか?

少し早いですがお礼を ：）

4

2 に答える 2

4

iFrame を使用しないため、ページを配置するコンテナーが必要になります。<div>AJAX では、要素を使用してそのデータを保持するのが一般的です。また、jQuery や AJAX をサポートする別の Javascript ライブラリを使用すると、テスト済みのコードを簡単に操作できるため、核心ではなくビジネス ロジックに集中できます。したがって、HTML では、コンテナー要素が必要になります。

<div id="otherpage"></div>

次に、含まれている JavaScript ファイルで、次の jQuery を使用できます。

$(document).ready(function() {
   $('#otherpage').load('otherpage.html', function() {
      alert('Load was performed.');
   });
});

もちろん、それを使用する前に、必ず jQuery も含めてください。このチュートリアルは、jQuery を使い始めるのに役立ちます。

于 2012-04-29T12:13:03.920 に答える
0

あなたが直面している問題は、他のどの問題よりも ajax に関連しています。

ホストhtml（ajax経由でロードされたものではない）にjs関数を「プリロード」し、ajax経由で特定のレンダリングhtmlをロードするようにしてください。

次に、準備が整ったら、 jquery ".done( function(data) { ... " メソッドを使用して、「プリロード」 << (ベース html/ドキュメントに含まれる) js 関数を呼び出します。

よろしくお願いします。

次のようなことを試してください：

    $(document).ready(function(){
        $.ajax(
            URL: './your_script.php',
            コンテキスト: 'ドキュメント',
        ）完了（関数（データ）{
            $('#your_div').html( データ );
            your_js_function();
        }))
    });

    // ---- メイン html
    関数 your_js_function(){
        alert('わかりました!');
    };
于 2014-05-18T21:51:54.153 に答える