How do I pass form data to my PHP program?

[Math Is Hard]

I am working on a simple example of trying to pass form data to my php program.

I am not sure how to pass the variable that holds the data the user enters.

Here's what I've tried. (note, it only looks right in Firefox, but that's what we're supposed to be writing it for).

http://www.pic.ucla.edu/~jctaylor/callhello3.htm

and this is my php script:

#!/usr/local/bin/php
<?php
echo $_GET['hello'];
?>

Thanks for any help!
(oh, and I am using jquery libraries - forgot to mention)

 

[chroot]

$_GET referes to the URL query string. A URL's query string is anything that comes after a '?' character.

For example,

http://www.pic.ucla.edu/~jctaylor/callhello3.htm?hello=goodbye

- Warren

 

[imabug]

the problem is this line where you're trying to pass the contents of the keywords text field to your script

$("//div#content").load("hello.php?hello=keywords");

The way it's written, you're telling hello.php to run with a variable called hello set to "keywords".

try something like

$("//div#content").load("hello.php?hello="+this.keywords);

which would (should) append the query string with the value from the keywords element.

Oh, and the script will break if you enter more than one word. Working around that I'll leave as an exercise for you.

 

[Math Is Hard]

oh, thanks! I appreciate the help! I'll give it a try!

 

[Math Is Hard]

hmmm.. still haven't got it sorted out. It says "undefined".

 

[-Job-]

Since your input object only has a name property (and no ID)

<INPUT name=keywords>

You can use the following to get its value:

document.getElementsByName('keywords')[0].value

So in your code you'd have:

<SCRIPT type=text/javascript>
      $(document).ready(
        function(){
          $("//p#b1/a").click(
            function(){
              $("//div#content").empty();
              $("//div#content").load("hello.php?hello=" + document.getElementsByName('keywords')[0].value);

            }
          )
        }
      )
    </SCRIPT>

If you give your input control an ID:

<INPUT name=keywords id=keywords>

You can use the following to get its value:

document.getElementById('keywords').value;

Or you can use jquery:

$("input#keywords").val()

And you'd have, after giving your control an ID:

<SCRIPT type=text/javascript>
      $(document).ready(
        function(){
          $("//p#b1/a").click(
            function(){
              $("//div#content").empty();
              $("//div#content").load("hello.php?hello=" + $("input#keywords").val());

            }
          )
        }
      )
    </SCRIPT>

 

[Math Is Hard]

oh, OHHH My GOODNESS! It's working! Oh, wow - cool! per your suggestion, I gave the INPUT an ID property and used jquery to get the value.

http://www.pic.ucla.edu/~jctaylor/callhello3.htm

Thanks so much, Job!