Post Javascript to PHP file?

Question

So I have this problem.

I have the following form on my webpage:

  <form>
 <textarea rows="3" id="pasteText"> </textarea>
 <button class="btn btn-success btn-block" type="submit" id="paster" onclick="captureText();">Paste!</button>

And I have a JavaScript method to capture the text in the textarea here:

function captureText() {
var value = $("#pasteText").val();

//var sent = "../../lib/_add.php?data="+value;
$.post('../../lib/_add.php', {data: value});
}

I'm trying to send the value inside the textarea to the data in PHP (the add.php adds the data variable to my database). What's the best way to go about it? Everything I've tried so far hasn't worked.

Thanks!

It's probably best to use ajax for this. It's just a function within jquery which you already seem to be using. It's not that hard/scary to use. — user985723
– user985723, Commented Mar 12, 2013 at 5:08

Antony · Accepted Answer · 2013-03-12 05:10:36Z

3

You don't need jQuery $.post to submit the form. A simple HTML form would do.

<form action="../../lib/_add.php" method="post">
<textarea rows="3" name="data" id="pasteText"></textarea>
<input class="btn btn-success btn-block" id="paster" type="submit" value="Paste!" />
</form>

answered Mar 12, 2013 at 5:10

Antony

15.2k10 gold badges48 silver badges76 bronze badges

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

Comments

Subedi Kishor · Accepted Answer · 2013-03-12 05:24:50Z

1

You are using input type "Submit". So you have to return false from your function if you want to continue uisng ajax to submit form. In this case your javascript would look like:

function captureText() {
    var value = $("#pasteText").val();
    //var sent = "../../lib/_add.php?data="+value;
    $.post('../../lib/_add.php', {data: value});
    return fasle;
}

Otherwise a simple form works fine.

Enjoy!.

answered Mar 12, 2013 at 5:24

Subedi Kishor

5,9945 gold badges38 silver badges54 bronze badges

Comments

srs · Accepted Answer · 2013-03-12 06:41:21Z

0

    function captureText() {
    var value = $("#pasteText").val();

    //var sent = "../../lib/_add.php?data="+value;
    $.post('../../lib/_add.php', {data: value})

    .done(function(data) {
                 alert("Data Loaded: " + data);
                          //  add some result confirmation code from php

                     });

    alert("data received");
   }

check jquery path and php file path

answered Mar 12, 2013 at 6:41

srs

681 gold badge1 silver badge9 bronze badges

Collectives™ on Stack Overflow

Post Javascript to PHP file?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related