Question

I’m trying to load a page using the load() function, the problem is that javascript code on that page is being executed when loading. I use this:

$('#itemid').load('thepage.php #selector', function() {
     MY CODE HERE
});

how can i prevent the javascript code from being executed and load only the HTML part that i want?

Answer 1

Use .get() or .post() and process what you get back. Pull the script tags out of your returned code before you append it to the page, or just pull out the code you want:

$.post('thepage.php', {
    data: myData
}, function(data) {
    var myHTML = $(data).not('script');
    $('#itemid').html(myHTML);
});

Or:

$.post('thepage.php', {
    data: myData
}, function(data) {
    var myHTML = $(data).filter('#selector');
    $('#itemid').html(myHTML);
});

Demo: http://jsfiddle.net/jtbowden/wpNBM/

Note: As you mentioned, using a selector with load should accomplish the same thing, as you see in the example. So, if it isn’t working this way, something else is going on.