2011-06-13 17 views
0

私が持っている:ページ全体ではなくセクションのみを読み込むときに、jQueryをAjaxで実行しますか?

$("#option1").live("click", function(){ 
    $(".active").removeClass('active'); 
    $(this).addClass('active'); 
    $("#main").load("option1.php", function(){ 
    }); 
}); 

を、スクリプトが内部に完全に実行されます。しかし、私が本当に必要なものを、このようなoption1.phpページの一断面のみ、呼び出すことです。その後、スクリプトは動作を停止し

$("#option1").live("click", function(){ 
    $(".active").removeClass('active'); 
    $(this).addClass('active'); 
    $("#main").load("option1.php #container", function(){ 
    }); 
}); 

ビュートを、私は頭のタグを残しているので、それがあると仮定していますスクリプトを含むページの1つのセクションだけを読み込んでいる間、それを実行させるにはどうすればよいですか?出来ますか?

+1

私はあなたがこれを参照していると思います:http://api.jquery.com/jQuery.getScript/ – Herr

+0

私は理解できません。サーバー上にhtmlページ(またはPHPで生成されたサーバー)があり、それにはいくつかのセクションがあり、ページからその特定の部分のみを取得するようにしたいと思います。そうですか ? – tsimbalar

+0

@ Herr Kaleun、ありがとうございました。 @tsimbalar、それはまさに私が探していたものです。今のところ働いています:) – brunn

答えて

0

これはPHPスクリプトです。ページの一部だけを簡単に送信できます。あなただけ$_POST['part']containerに等しいかどうかを確認する必要があり、PHP側では

function loadContainer() 
{ 
    var ajaxobject = $.ajax(
    { 
     type:"POST", 
     url:"option1.php", 
     cache:false, 
     async:true, 
     global:false, 
     dataType:"html", 
     data:"part=container", 
     timeout:10000, 
     success:function(data) 
     { 
      $('#container').html(data); 
     }, 
     error:function() 
     { 
      alert('Error; Unable to load option1.php'); 
     } 
    }); 
    if(ajaxobject == undefined) 
     alert('Ajax object creation failed'); 
} 

: は後に、それをロードするために、あなたは$.ajax jQueryオブジェクトを使用することができます。 「はい」の場合は、送信する部分のみを送信します。

+0

cfillionに感謝します。基本的に#containerセクションはPHPフリーでhtmlだけなので、これを使用できるかどうかはわかりません。あるいはこれは私にとってはあまりにも進んでおり、私は理解していません:) – brunn

+0

私のコードを使用するには、単に 'loadContainer()'関数を呼び出してください。私のスクリプトは 'option1.php'を読み込んでその内容を'#container'要素に書き出します。より多くのexemplesを参照してください:http://api.jquery.com/jQuery.ajax/ – cfillion

+0

ありがとう、私は今よく理解しています。私はHerr Kaleunの提案を使って作業を始めましたが、新しいことを学ぶためにあなたの選択肢を試してみます:) – brunn

関連する問題