Search code examples
phpjqueryjquery-load

load() PHP after element


Because of certain reasons i need to load a PHP file via jquery (at the final point it will be responsible for calling wordpress dynamic sidebar but I cannot execute php inside jquery). What I have right now is:

$('#pa_kategoria-cenowa').after('<div class="product-variation-desc"><div id="5" class="box">CENA 5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div><div id="10" class="box">CENA 10 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div><div id="15" class="box">CENA 15 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div></div>');

my php file is called: load-widgets.php

that's why loading function should looks like that:

.load('load-widgets.php');

content of the PHP file will be following:

<div class="product-variation-desc"><div id="5" class="box">CENA 5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div><div id="10" class="box">CENA 10 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div><div id="15" class="box">CENA 15 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div></div>

but I have no clue how to combine it together. I've tried:

$('#pa_kategoria-cenowa').after().load('load-widgets.php');

but it doesnt work. How to achieve that?


Solution

  • Your exisiting Code should work. Check for errors in Console. If that doesn't resolve, try below AJAX snippet.

    $.get("load-widgets.php", function(data){ // Loads content into the 'data' variable.
       $("#pa_kategoria-cenowa").after(data); 
    });