jquery - ajaxを使用して外部ページをロードする方法

Question

別のページにリンクするはずのリンクボタンがあります。そのページのコンテンツは、現在のページに表示されます。ブートストラップフレームワークを使用していますが、作成した関数が機能していないようです。

これが私のコードです。

<a href="" id="reslink">link1</a>

<div class="span8" id="maincont"></div>

javascript;

$('#reslink').click(function(){
    $.ajax({
        type: "GET",
        url: "sample.html",
        data: { },
        success: function(data){
            $('#maincont').html(data);
        }
    });

});

Answer 1

以下の方法があります。

初め

以下のようにhtmlを使用します。

<a href="Javascript:void(0);" id="reslink">link1</a>

Javascript:void(0);スクリプトから false を返すように動作します。

2番

html コードは何も変更しないでください。ただし、以下のコードを変更してくださいjQuery。

$('#reslink').click(function(e){
    e.preventDefault();
    $.ajax({
        type: "GET",
        url: "sample.html",
        data: { },
        success: function(data){
            $('#maincont').html(data);
        }
    });
});

e.preventDefault(); のデフォルトの動作を防止してHTML、コードを実行できるようにします。

Answer 2

多分load()あなたにとってより良い選択でしょうか？

$("#reslink").click(function() {
    $("#maincont").load("sample.html");
});

この方法でコンテンツを読み込むと、履歴とお気に入りが壊れる可能性があることに注意してください。

Answer 3

body onload="abc()"読み込まれたページでは、ajax からレンダリングされたときに機能するはずです。