Question

I want to get a div element with an ID after calling $.ajax()
Here is my code:

$.ajax({

  url: "PO_Header.php",
  data: "supplier="+selectedId,
  cache: false,
  success: function(html){
    $("#PO_Header").empty(); 

    $("#PO_Header").append(html);

  }
});

$("#PO_Header").append(html); will append the entire html page, what I want to have is get an element with a specific id. Let’s say inPO_Header.phpa div element with an id='mydiv' would be injected in my current page.

Answer 1

Use jQuery’s load:

$('#PO_Header').load('PO_Header.php #mydiv', { 'supplier': selectedId } );

It allows you to load page fragments. As their documentation points out:

Loading Page Fragments
The .load() method, unlike $.get(), allows us to specify a portion of
the remote document to be inserted. This is
achieved with a special syntax for the url parameter. If one or more
space characters are included in the string, the portion of the string
following the first space is assumed to be a jQuery selector that
determines the content to be loaded.

It will therefore only inject <div id="myDiv"></div> from PO_Header.php into your element.