iframeの代わりにAJAXを使用するにはどうすればよいですか？

Question

私のウェブサイトでiframeを使ってフォームのような他のページのコンテンツを表示している瞬間です。私が持っている問題は、ログインページにあり、ユーザーがiframe内のフォームでログインすると、ログインiframe内の次のページが表示されます。これはまったく役に立たないものです。

AJAXはこれほど柔軟でダイナミックであると聞いたことがありますが、使用方法はわかりません。チュートリアルを見ていますが、これまで表示していないようですページ内のページ。

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

感謝:)

Answer 1

あなたがにあなたのページを配置するコンテナが必要になりますのiFrameを使用されることはありませんので。 AJAXでは、データを保持するために、<div>要素を使用するのが一般的です。また、jQueryやAJAXをサポートする別のJavascriptライブラリは、テスト済みのコードを使って簡単に作業できるようになり、ビジネスロジックに集中することができます。だから、あなたのHTMLに、あなたは、コンテナ要素が必要になります。

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

次に含まれたJavaScriptファイルで、あなたはこのjQueryのを使用することができます。

もちろん

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

、それを使用する前に、あなたのことを確認してくださいjQueryも含めてください。 This tutorialは、jQueryを使い始めるのに役立ちます。

Answer 2

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

ajaxを介して読み込まれたものではなく、ホストhtmlでjs関数を「プリロード」して、特定のレンダリングhtmlをajaxにロードしてみてください。

次に、準備が整い次第、jbufを "プリロード"するinvoque js関数（基本html /ドキュメントに含まれています）< <を使用してください。 。

・ホープこのヘルプ、よろしく

はこのような何かを試してみてください！。

 

    $(document).ready(function(){ 
     $.ajax(
      url : './your_script.php', 
      context: 'document', 
     ).done(function(data){ 
      $('#your_div').html(data); 
      your_js_function(); 
     }) 
    }); 

    // ---- main html 
    function your_js_function(){ 
     alert('got it!'); 
    };