How can I echo PHP within jQuery?

Question

I'm trying to use one of my PHP functions within one of my jQuery functions. I understand that it won't execute the code, but I need to echo the function call, so the server can process it. So far I have this:

    .html('<h2>Please <a href=""<?php echo absolute_url("login.php"); ?>"">login</a> or <a href="signup.php">register</a> to vote for this post.</h2>(click on this box to close)')

But it's not working correctly. I heard that I need to enclose the actual php function call within Javascript with quotation marks, which I did (both single and double), but they didn't do the trick. Any ideas?

The whole function for anyone wondering:

      // login or register notification
$(document).ready(function() {
    $('.notice').click(function() {
        $('.error-notification').remove();
        var $err = $('<div>').addClass('error-notification')
        .html('<h2>Please <a href=""<?php echo absolute_url("login.php"); ?>"">login</a> or <a href="signup.php">register</a> to vote for this post.</h2>(click on this box to close)')
        .css('left', $(this).position().left);
        $(this).after($err);
        $err.fadeIn(150);
    });
    $('.error-notification').live('click', function() {
        $(this).fadeOut(150, function() {
            $(this).remove();
        });
    });
});

did you try this with just text without the absolute_url function — Abe Petrillo
– Abe Petrillo, Commented May 5, 2011 at 10:00

Atticus · Accepted Answer · 2011-05-05 10:17:07Z

6

You can't -- php commands run during page loading -- your page has already loaded and rendered. You should know php is server side code. This means when your website is requested, your server generates the output file and fills in all the echo values into your output file. The client gets the page with all the variables echo'd to your page -- no php commands are ever given to a client, they're instructions for your server to compile the webpage back to the client.

Why don't you just store absolute_url("login.php") within a javscript variable during your pageload

var loginUrl = "<?php echo absolute_url("login.php"); ?>";

and then

.html('<h2>Please <a href="' + loginUrl + '">Login</a>')....

Edit -- oh wait duh -- you are doing that :P sorry for the tangent then, your js file is linked to your page, it's a stub pointing to the file to be included. This does not register php commands.

edited May 5, 2011 at 10:17

answered May 5, 2011 at 10:01

Atticus

6,75211 gold badges39 silver badges59 bronze badges

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

7 Comments

binaryLV Over a year ago

Value of href is missing quotes. Should be .html('<h2>Please <a href="' + loginUrl + '">Login</a>'). Value of loginUrl should also be quotted and prepared for parsing with javascript, I would write var loginUrl = <?php echo json_encode(absolute_url('login.php')); ?>;.

Atticus Over a year ago

gettin tired missed the quotes -- why does it need to be converted to json? Is it returning an array? otherwise if it's a simple string there's no reason complicate things by json encoding it

binaryLV Over a year ago

What do you mean with "simple string"? Can it contain new-lines? Quotes? Slashes? Try using string that contains something more than just letters and digits. And what if absolute_url() returns NULL? Will simple echo work? ;) I agree that absolute_url('login.php') in this particular case probably won't contain any "harmful" character, though generic "simple strings" cannot be just echo'ed without any conversions. json_encode() does not just convert arrays to javascript notation, it safely encodes numbers, strings, NULL, arrays/objects etc - even if they are not part of array/object.

Atticus Over a year ago

hes trying to get his url i dont think he's about to have returned any new lines or crazy characters...

Atticus Over a year ago

bob -- why dont you put it in a varaible and call the function in the external javascript file passing it in? I know you probably want to consolidate your code in one file, so declare the variables on the php html page, and call the external function passing it in.

|

Treffynnon · Accepted Answer · 2011-05-05 10:01:56Z

0

This will not actually do anything as you have noted in your question but try:

$('elem').html('<h2>Please <a href="<?php echo absolute_url("login.php"); ?>">login</a> or <a href="signup.php">register</a> to vote for this post.</h2>(click on this box to close)');

If this is coming from a PHP page then try:

$('elem').html('<h2>Please <a href="&lt;?php echo absolute_url("login.php"); ?&gt;">login</a> or <a href="signup.php">register</a> to vote for this post.</h2>(click on this box to close)');

Obviously the PHP interpreter will never see this and the PHP code will never be executed as you have already noted in your question.

answered May 5, 2011 at 10:01

Treffynnon

21.6k6 gold badges68 silver badges99 bronze badges

Comments

Headshota · Accepted Answer · 2011-05-05 10:02:48Z

0

you can't do this in your js file, but you can do this in a <script> tag in HTML file.

.html('<h2>Please <a href="<?php echo absolute_url(\"login.php\"); ?>">login</a> 
or <a href="signup.php">register</a> to vote for this post.
</h2>(click on this box to close)')

answered May 5, 2011 at 10:02

Headshota

21.4k13 gold badges63 silver badges82 bronze badges

1 Comment

Bart Over a year ago

It all depends on whether or not you have your .js files processed by php as well. By default this isn't done, but you can configure your server to do this (e.g. by modifying the config, using .htaccess, or appending the .php extension to your .js, like "script.js.php" and including this instead of a plain .js file).

fat · Accepted Answer · 2011-05-05 10:05:12Z

0

Have you checked the source code of the result page? i would use only one " before and after php tags

answered May 5, 2011 at 10:05

fat

5,7394 gold badges31 silver badges31 bronze badges

Comments

Avi Kapuya · Accepted Answer · 2013-07-25 13:02:49Z

0

I think the proper way to use php from Javascript is by creating web services (in php) and call them from your Javascript. If you want to go really wild, you can send the php content to the server using a web service, write it as a temp file, then 'require' the file and run it... this is quite an off thing to do unless there is a very unique use case that cannot be done otherwise. PHP, as an extremely dynamic language allow this kind of usage.

answered Jul 25, 2013 at 13:02

Avi Kapuya

1,0401 gold badge12 silver badges18 bronze badges

Comments

K6t · Accepted Answer · 2011-05-05 10:16:15Z

-1

y u go for php??? i thing its not possible in js,,

best thing is use html its very effective and easy to console..

.html('<h2>Please <a href="login.php">login</a> or <a href="signup.php">register</a> to vote for this post.</h2>(click on this box to close)')

answered May 5, 2011 at 10:16

K6t

1,8452 gold badges13 silver badges21 bronze badges

Collectives™ on Stack Overflow

How can I echo PHP within jQuery?

6 Answers 6

7 Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

7 Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related