how to get variables from php using AJAX

Question

I want to send a value to a php script and execute it, after i want to get variables from the php script and show it using AJAX
this is the PHP script

<?php
include('config.php');
$_POST['username'];
$username = $_POST['username'];
$sql = mysql_query('SELECT * FROM users WHERE username="'.$username.'" ');
if ($req = mysql_fetch_array($sql) ) { 
$result = '<div class"result">' . $req['firstname']. "</div>";}
echo $result;
?>

and here is html and AJAX

<script>
$(document).ready(function() {
    $("#ajaxButton").click(function() {
        $.ajax({
            url:'toAction.php',
            data:{username: $('#username').val()},
            type:'POST',
        });
    });
});
</script>
<input type="text" name="username" id="username"/>
<input type="button" value="Find" id="ajaxButton"/>
<div id="result"></div>

in <div id="result"></div> I want to show $result . How can I do this, and I m very sorry about my English ...

you want to echo json_encode( $result ); you might also need to set the header such as header('application/json'); before the echo. — ArtisticPhoenix
– ArtisticPhoenix, Commented Apr 10, 2015 at 21:19

Michael Doye · Accepted Answer · 2015-04-10 21:22:23Z

1

You will need to send the result back using the success callback to display $result like this:

<script>
$(document).ready(function() {
    $("#ajaxButton").click(function() {
        $.ajax({
            url:'toAction.php',
            data:{username: $('#username').val()},
            type:'POST',
            success: function(data) {
              $('#result').html(data);
            }
        });
    });
});
</script>

answered Apr 10, 2015 at 21:22

Michael Doye

8,2115 gold badges43 silver badges57 bronze badges

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

Comments

Hungry2Learn · Accepted Answer · 2015-04-10 21:24:26Z

0

You can use it like that.

  $.ajax({
            url:'toAction.php',
            data:{username: $('#username').val()},
            type:'POST',
            success: function(phpData){
            //PHP data can be used he!
            alert(phpData);
            }
        });

answered Apr 10, 2015 at 21:24

Hungry2Learn

279 bronze badges

Collectives™ on Stack Overflow

how to get variables from php using AJAX

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related