Question

I’m Using AJAX to dynamically fetch data from my php page (which contains html) and display it on another html page. Its fetching the whole data. But I want only the info under <table> and <p id="recent">.
How to do that? Here is the link to the page

HTML Page where the call is made and result should be displayed

    <h3><a href="#" id="get">John</a></h3> 
    <div> 
        <p class="post">Result to be displayed</p> 
    </div>

AJAX code

   $.ajaxSetup ({
        cache: false
    });

    //  load() functions

    var loadUrl = "../load.php";
        $("#get").click(function(){
        $(".post")
            .html(ajax_load)
            .load(loadUrl, "language=php&version=5");
    }); 

Answer 1

This should help:

$('#get').click(function() {
  $.ajax({
    'url' : 'yoururl.php',
    'type' : 'GET',
    'success' : function(data) {
      $('p.post').html(data);
    }
  });
});

Hope that helps,
spryno724