Include PHP in jQuery

Question

I am trying to include some PHP inside a piece of jQuery code.

The PHP pulls a static block from within WordPress and I need a way to add this into the jQuery. Each time I add it in the block either doesn't show at all or the contents don't show.

The code which gets the PHP is

<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('cat_block')->toHtml() ?>

And the jQuery is

jQuery(document).ready(function () {
jQuery(".catalog-category-view .last li.item:nth-child(7)").after("<li class='category-block-call'>PHP NEEDS TO GO HERE</li>");
});

As you can see I need to get the PHP code or the contents of the PHP code inbetweeen the li tags in the jQuery.

Tdelang · Accepted Answer · 2013-07-22 11:28:13Z

1

You have to execute the php on the server side. You're going to have to use ajax ($.ajax()) if you want to get that information without a page refresh.

answered Jul 22, 2013 at 11:28

Tdelang

1,2962 gold badges12 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nubinub · Accepted Answer · 2013-07-22 11:30:06Z

1

I think the only way to access server side code from you jquery function is to make an ajax call.

answered Jul 22, 2013 at 11:30

nubinub

1,9382 gold badges15 silver badges24 bronze badges

Comments

Paarth · Accepted Answer · 2013-07-22 11:30:08Z

1

You can't insert PHP code with JQuery because PHP is meant to run on the server and JQuery is meant to run on the client. You're going to have to get the server to run that code somehow and then you can use the results inside of wherever you want to put it.

You could do the oldschool approach and create an invisible iframe to the php page on your server. You can use JQuery to rip the contents out of there and put them in the proper place.

Alternatively, you could rewrite it a bit so that the server sends an AJAX response.

answered Jul 22, 2013 at 11:30

Paarth

10.5k4 gold badges30 silver badges37 bronze badges

Comments

M G · Accepted Answer · 2013-07-22 12:02:09Z

0

If your file is able to interpret php code, than below code should work.

jQuery(document).ready(function () {
    jQuery(".catalog-category-view .last li.item:nth-child(7)").after("<li class='category-block-call'><?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('cat_block')->toHtml() ?></li>");
});

edited Jul 22, 2013 at 12:02

M G

1,25014 silver badges28 bronze badges

answered Jul 22, 2013 at 11:34

Abdul Bashet

1

Comments

Manoj Yadav · Accepted Answer · 2013-07-22 11:28:46Z

-1

Try this (Blow code need to be in PHP file):

<script>
jQuery(document).ready(function() {
    jQuery(".catalog-category-view .last li.item:nth-child(7)").after("<li class='category-block-call'><?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('cat_block')->toHtml(); ?></li>");
});
</script>

answered Jul 22, 2013 at 11:28

Manoj Yadav

6,6121 gold badge25 silver badges21 bronze badges

Collectives™ on Stack Overflow

Include PHP in jQuery

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related