Jquery pass variable to php

Question

I have a simple question about jquery passing variable to php, here is my code, it doesnot work, Can some one helpe me?

javascript:

 $(function(){
     var txt_value='aa';
     $.post("test1.php", {txt_value:txt_value});

 });

test1.php

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.post demo</title>
  <script src="./report_js/jquery-1.10.2.min.js"></script>
  <script src="./a.js"></script>
</head>
<body>
  <form action="test1.php" id="txt_value">
  <?php
  $a=$_POST['txt_value'];
  echo "$a";
?>
  </form> 
</body>
</html>

There is no value printed in test1.php I also tried use callback function, if I use following javascript, it always shows the code of test1.php, not the variable I want to pass javascript:

 $(function(){
     var txt_value='aa';
     $.post("test1.php", {txt_value:txt_value},
     function(data){
      alert(data);
     });

 });

Even I change my php code as follows, it still doesnot output correct value in php

<?php
    $a=$_POST['txt_value'];
    echo "$a";
?>

And I merge jquery js with my own js. Is there anything I need to do with my js? Thanks.

Actually, you are getting things wrong and the scripts work as you designed them, test1.php should be a script that handles data it receives, so (in most cases) there is not place for html code, instead you will have things like sql queries. If test1.php show you the value it received, then you variable was transmitted successfully, and the next step is to process it... — Nabil Kadimi
– Nabil Kadimi, Commented Aug 16, 2013 at 2:09
test1 should return only text. You can remove all html tags in test1.php. Anyway I think the code is correct. Have you inspected it on your javascript debugging console like firebug in case you have just some syntax errors? — Jereme
– Jereme, Commented Aug 16, 2013 at 2:11

McGarnagle · Accepted Answer · 2013-08-16 02:10:53Z

1

test1.php should only output the data you want returned -- right now it's returning an entire HTML page, so that's what you get. The script part should be its entirety:

<?php
    $a=$_POST['txt_value'];
    echo "$a";
?>

answered Aug 16, 2013 at 2:10

McGarnagle

103k31 gold badges235 silver badges264 bronze badges

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

3 Comments

Yijiang Huang Over a year ago

Hi, I got it. But I still have another question. If I keep your code as php code. What do I need to change to my javascript code? I mean how to include jquery-1.10.2.min.js file in my js. Thanks.

Yijiang Huang Over a year ago

I am a new guy to javascript

McGarnagle Over a year ago

@YijiangHuang no -- mainpage.php should have the Javascript file, like you have it now. The test1.php doesn't need any Javascript -- it just returns data, right?

Tushar Gupta - curioustushar · Accepted Answer · 2013-08-16 02:15:35Z

0

you also need some house keeping stuff

Your script should only be returning what part you want it to return not the total HTML.

use the below code

test1.php

<?php
    if(isset($_POST['txt_value'])){
        $a=$_POST['txt_value'];
        echo "$a";
    }
?>

answered Aug 16, 2013 at 2:15

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

1 Comment

Yijiang Huang Over a year ago

Hi, I got it. But I still have another question. If I keep your code as php code. What do I need to change to my javascript code? I mean how to include jquery-1.10.2.min.js file in my js

Collectives™ on Stack Overflow

Jquery pass variable to php

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related