inserting JQuery function into php

Question

I am trying to use some jQuery functions inside of my php page which I am using for a wordpress plugin. I have imported the jquery api using the below code however I'm not sure how to write the function.

 <?php
    echo "Custom Book Settings Page";
    echo '<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>';

this produces syntax error

 <?php   
     $("#form1").submit(function() { $.post("customBook-index.php"); return false; alert ("submit form 1"); });
 ?>

to remain on the same page after form submit stackoverflow.com/questions/3849968/… — Tom
– Tom, Commented Oct 31, 2012 at 20:39

DACrosby · Accepted Answer · 2012-10-31 19:46:57Z

3

Like the others have said, you can't use JavaScipt (or any of its libraries) inside PHP. You certainly can, however, use PHP to print out JavaScript which will be run at the appropriate time.

<?php echo "<script type='text/javascript'>
  $(document).ready(function(){   
     $('#form1').submit(function() {
        $.post('customBook-index.php');
        return false;
        alert ('submit form 1');
     });
  });
</script>";
?>

answered Oct 31, 2012 at 19:46

DACrosby

11.5k3 gold badges42 silver badges52 bronze badges

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

1 Comment

Tom Over a year ago

thanks for the correct answer Douglas! I had tried echoing the jquery code before but left out the :"<script> tags. The example I was drawing from didn't have them stackoverflow.com/questions/3849968/…

Jay Rizzi · Accepted Answer · 2012-10-31 19:38:22Z

1

why wouldnt you just have the syntax without the tags?

 $("#form1").submit(function() { $.post("customBook-index.php"); return false; alert ("submit form 1"); });

if you have to have php write the statement, you forgot the echo

 <?php   
 echo '$("#form1").submit(function() { $.post("customBook-index.php"); return false; alert ("submit form 1"); });';
  ?>

answered Oct 31, 2012 at 19:38

Jay Rizzi

4,3046 gold badges45 silver badges73 bronze badges

Comments

Levi Botelho · Accepted Answer · 2012-10-31 19:39:12Z

1

You cannot use jQuery like that within your PHP. JQuery is a JavaScript library. It is essentially code that is pre-written for you and abstracted in such a way that it makes it easy to use. When you call $('#myElementId) you are calling an abstraction of a JavaScript function (or set of functions).

Using jQuery within PHP won't work, because the PHP interpreter has no way to make sense of it. It would be like speaking giving instructions in Chinese to a (monoglot) Anglophone. Furthermore, there is a significant difference between PHP and JavaScript in as much as PHP is executed on a web server, and JavaScript is executed on a client's machine. This is an important concept to understand for any web programmer.

In short, you either need to write your JS function into a <script> tag on the page such that the navigator parses it as JavaScript, or determine the PHP equivalent for what you are trying to do.

answered Oct 31, 2012 at 19:39

Levi Botelho

25.4k5 gold badges63 silver badges100 bronze badges

3 Comments

Kyros Over a year ago

TLDR: PHP happens on the server, jQuery (and javascript) happen on the client. The two can communicate, but they happen in different places. Look at blog.themeforest.net/resources/… .

Levi Botelho Over a year ago

Well of course they can communicate (I mean that is the whole point of AJAX). That doesn't mean you can put one in the other.

Levi Botelho Over a year ago

...and W3 Schools is evil. www.w3fools.com.

NappingRabbit · Accepted Answer · 2012-10-31 19:44:19Z

0

 // turn off php
?>   
$("#form1").submit(function() { 
    $.post("customBook-index.php");
    return false; 
    alert ("submit form 1"); 
});
<?php

answered Oct 31, 2012 at 19:44

NappingRabbit

1,9191 gold badge13 silver badges18 bronze badges

Collectives™ on Stack Overflow

inserting JQuery function into php

4 Answers 4

1 Comment

Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related