Get data from PHP script using Ajax

Question

I am trying to use some data calculated with a PHP script in JavaScript, this is my code:

<html>
<head>

        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
    <body>
        <button onclick="duplicate()"> button send</button>


        <script>
        function duplicate() 
            {   
                    var action = "CreationBoard";
                    alert(action);
                    $.ajax({
                        type : "POST",
                        url  : "file.php",
                        data : { action : action },
                        success: function(output) {
                            alert(output);
                        }
                    });
            }
        </script>
    </body>
</html>

So I'm calling file.php to calculate my data:

<?php
if(isset($_POST['action']))
{
    $return = some_function($_POST['action']);
}
?>

I need to use $return in JavaScript, how to do that? I've seen many examples, but they only show how to send data with Ajax to PHP, not from PHP to ajax. How should I do that?

whatever is output from the php script is what will be in the output variable in javascript. So you just need to echo your return value or depending on what type of data the return value from some_function is maybe echo json_encode($return) (for example if was an array). — Jonathan Kuhn
– Jonathan Kuhn, Commented Mar 2, 2015 at 20:09

Raheel · Accepted Answer · 2015-03-02 20:05:35Z

2

All you need to do

<?php
if(isset($_POST['action']))
{
    $return = some_function($_POST['action']);
    echo $ return
}
?>

Javascript doesn't know php variable. All it know is the data returned

answered Mar 2, 2015 at 20:05

Raheel

9,06410 gold badges65 silver badges108 bronze badges

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

1 Comment

Othman Benchekroun Over a year ago

I tried this but I can't use output outside ajax, even if i use another variable, how can I use it ??

Whirka · Accepted Answer · 2015-03-02 20:53:41Z

1

In your file.php I would do

echo json_encode($return);

And then modify your ajax to expect a json return:

function duplicate() 
{   
        var action = "CreationBoard";
        alert(action);
        $.ajax({
            type : "POST",
            url  : "file.php",
            data : { action : action },
            dataType: 'json', 
            success: function(output) {
                alert(output);
            }
        });
}

the output variable that you have in your alert should look like your array and you can do with that what you want.

answered Mar 2, 2015 at 20:53

Whirka

561 silver badge5 bronze badges

2 Comments

Othman Benchekroun Over a year ago

I tried this but I can't use output outside ajax, even if i use another variable, how can I use it ??

Whirka Over a year ago

Normally you would just do what you need to do inside that ajax success. If you absolutely needed to do something with them outside of that you could always set a cookie inside that success and retrieve them in other parts of your code or you could write the values to a hidden div or form and retrieve them later. Both might be a little hacky but if you can I'd say try to do everything within the success function.

Collectives™ on Stack Overflow

Get data from PHP script using Ajax

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related