Send data from javascript to PHP using ajax

How if I have the text field, so won't create text field in the js?

JKurcik · Accepted Answer · 2014-06-20 08:13:02Z

1

You shouldn't wrap document.ready() event in a function as it most likely won't ever fire and nothing will happen. All you need to do is this:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#post-button").on("click",function(){
        $.ajax({
            type: "POST",
            url: "get_test.php",
            data: {name: "John"}
        });
    });
});
</script>

<body>
<button name="post" id="post-button">Test Post</button>
</body>

answered Jun 20, 2014 at 8:13

JKurcik

2301 silver badge14 bronze badges

6 Comments

Please adjust the code according to the example, You need to adjust the HTML, too, not only the javascript. Check if your selectors really find the required element.

<button name="post" id="button-post" >Test Post</button> - you have swapped the words inside the ID attribute :) Use id="post-button" instead.

First of all make sure that your ajax call is working fine from Network (in chorme).

Hit F12 and refer to the Network tab and see if the call is made. Also, you can refer to this example I've made to test it out link

Is your problem solved then? Or is there still a problem? If the problem persists then there is a problem either with your PHP file or your url. Is your php file hosted locally or is it accessible from the internet? if yes, can you post the full url here so I can see the response code?

|

Susheel Singh · Accepted Answer · 2014-06-20 08:05:35Z

0

html

<input type="text" name="name" id="somename"/>
<button name="post" onclick=post();>Test Post</button>
<div id="someid"></div>

javascript:

function post(){
    $.ajax({
        type: "POST",
        url: "get_test.php",
        data: {name: $("#somename").val()},
        success:function(data){
           $("#someid").html(data);//this will be the data returned from php
          //console.log(data);
        }
    });
}

edited Jun 20, 2014 at 8:05

answered Jun 20, 2014 at 7:59

Susheel Singh

3,8546 gold badges34 silver badges69 bronze badges

8 Comments

what is console.log(data) use for? and, can I don't use the success?

Susheel Singh Over a year ago

I'm sorry sir, I wanna send the data to PHP. Not for show the data in html page.

its being sent already. you don't need a click inside a function because your calling it from button anyhow. i updated again check

Susheel Singh Over a year ago

your question is not complete by the way

Yes, please. Thanks before

|

biswajitGhosh · Accepted Answer · 2014-06-20 09:00:58Z

0

In your get_test.php file

<?php
    parse_str($_POST['data'], $data);
    if(isset($data['name'])){
     $name = $data['name'];
     print($name);
    }
 exit;
?>

Please try with this code, this may helps you.

edited Jun 20, 2014 at 9:00

answered Jun 20, 2014 at 8:36

biswajitGhosh

1571 gold badge2 silver badges17 bronze badges

5 Comments

I've tried it, but still nothing happened. Any other way?

This 'data' is from your post send from ajax, and $data is a variable name. Simple !:)

Are you sure about your ajax are call when the event occur..? If sure then it should work.

Yes, I'm sure. I've tried to alert name from the text field, and it works.