在PHP页面中使用AJAX加载部分页面

Question

I'm trying to figure out how I can load a partial page (div) into another div using AJAX in my php page.

basically I have a div with some php output stuff, and I need to put that div's content into another one using ajax but my code doesn't do anything (it doesn't put the div's content into the other one).

this is my current code:

<script type="text/javascript">
$(document).ready(function () {

    function load() {
        $.ajax({
            type: "GET",
            url: "<?php echo $actual_link; ?>",
            dataType: "html",
            success: function(response) {
            //  $("#ajaxContent").html(response);
                $("#issomeone").html($(response).find("#notis"));

                setTimeout(load, 4000);
            }
        });
    }

    load();
});
</script>

so the #notis div holds the php output and the #issomeone div is the div that i need to put the stuff in using ajax.

is there something missing in my code or I'm just doing it all wrong?

any help would be appreciated.

Thanks

EDIT:

THIS DOESN'T DO ANYTHING:

<script type="text/javascript">
$(document).ready(function () {


function load() {
    $.ajax({
        type: "GET",
        url: "<?php echo $actual_link; ?>",
        dataType: "html",
        success: function(response) {
        //  $("#ajaxContent").html(response);
        //$("#issomeone").html($(response).find("#notis"));


        $('#issomeone').load("<?php echo $actual_link; ?> #notis");

        setTimeout(load, 4000);
    }
});
    }

    load();
});
</script>

Answer 1

You are find ing the DOM element and then trying to set that as target element's innerHTML with html() . You in essence have a type mismatch.

You would need to get the innnerHTML of #notis to pass as the parameter to this function so:

$("#issomeone").html($(response).find("#notis").html());

Alternately, you could append the node if you want to keep the whole #notis element

$("#issomeone").append($(response).find("#notis"));

But really, since you are using a straight GET, you might be better off simply doing:

$('#issomeone').load('<?php echo $actual_link; ?> #notis'); 

This provides a more simple abstraction to what you are trying to do more manually with .ajax()

I would however encourage you to not get in the habit of loading full HTML pages and then scarping them for some particular element. It is better design architecture to have the AJAX target script serve up only content that is needed when possible.