<div content-id="component1"> <?php echo $r->render('component1', $data['component1']); ?> </div> <div content-id="component2"> <?php echo $r->render('component2', $data['component2']); ?> </div> <a href="#" update-content-trigger data-update-url="update.php?sku=10" data-callback="onUpdate">Update content for sku 10</a> <a href="#" update-content-trigger data-update-url="update.php?sku=7" data-callback="onUpdate">Update content for sku 7</a> </div> <?php // render all js templates which used to render by js echo $r->renderAllJsTemplates(); ?> <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script src="js/lib/mustache.min.js"></script> <script src="js/lib/render.js"></script> <script src="js/lib/refreshable_content.js"></script> <script> // an js callback function example var onUpdate = function (resp) { console.log('update sucessfully!', resp); } </script> </body> </html>