Reload Div on button Click with .load();

Question

I have an OWL carousel (v2) that when you click the next button it reloads a div that contains an Ad (div is called .slideAd) -- i have looked at other pages on SO and none seem to work -- i feel like i have it, what am i missing?

I have this code, but it always throws a 500 server error, any help would be greatly appreciated

$(".rSlidesNav .n").click(function(e) {
    var pathtopage = window.location.href;
            $('.slideAd').load(pathtopage + ' #slideAd');   
});

I don't think it is possible to reload only a single div out of an HTML page over the network. — Maximillian Laumeister, Feb 13 '16 at 18:10
**#slideAd** or **.slideAd** anyway I agree with @MaximillianLaumeister — Vixed, Feb 14 '16 at 00:14
Does this answer your question? [Onclick reload the div only](https://stackoverflow.com/questions/38413200/onclick-reload-the-div-only) — Jack, Jul 08 '20 at 11:40

score 0 · Answer 1 · answered Feb 13 '16 at 18:13

0

Try using $.get() , .outerHTML

  // `""` as `url` should request current document
  $.get("", function(html) {
    $(".slideAd").html($(html).find("#slideAd")[0].outerHTML)
  })

answered Feb 13 '16 at 18:13

guest271314

1
15
104
177

Hi, still getting that internal server error with this code. any other thoughts, or can it just not be done? – DEM Feb 13 '16 at 18:46
Is `php` serving `html` ? `500` is server side error code – guest271314 Feb 13 '16 at 18:49
yeah im getting this error in console - send m.extend.ajax m.(anonymous function) m.event.dispatch r.handle – DEM Feb 13 '16 at 19:03

Reload Div on button Click with .load();

1 Answers1