Get data from php script in javascript

Question

I try to receive a PHP response in my JavaScript.

My PHP looks like this:

some code

    if(...) echo "1";

    else echo "2";

JavaScript:

    function GetChoice() {
        var returned="";
        $.ajax({
            async: false,
            cache: false,
            url: "http://mydomain.com/script.php", 
            type: "POST",
            dataType:"text",
            success: function(data) { 
                returned = data;
            }
        });
        return returned;
    }

    var r = GetChoice();
    alert(r);

But GetChoice() returns nothing. What's wrong?

UPD: It works if javascript and php script are on the same server. My scripts in different domains.

If you use Firefox Firebug then you can check in the Net tab if you are getting any ajax response — skos
– skos, Commented May 2, 2012 at 8:18
Why are you using an absolute path? Is it from the same server? — Shikiryu
– Shikiryu, Commented May 2, 2012 at 8:38
If you use FF or Chrome you can use the development tools, then see what the response is that is being returned from your server. $.ajax should log a request in the "network" tab in developer tools (Chrome). Click on the request and then click on response to see what the server sent back. Maybe your server isn't sending anything back? — Jacques Koekemoer
– Jacques Koekemoer, Commented Apr 8, 2015 at 9:20

Chintan · Accepted Answer · 2012-05-02 08:32:42Z

2

Try this :

temp1.php

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>


  function GetChoice() {
        var returned = "";
        $.ajax({
                async: false,
                cache: false,
                type: "POST",
                url: "http://localhost/temp2.php",
                data: { name: "John"}
                }).done(function( msg ) {                        
                        returned = msg;
                });
         return returned;
    }

    var r = GetChoice();
    alert(r);

</script>

temp2.php

<?php

        echo $_REQUEST["name"];        
?>

its working....!

answered May 2, 2012 at 8:32

Chintan

1,2041 gold badge8 silver badges23 bronze badges

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

1 Comment

Epiphany Over a year ago

This only works because 'localhost' is the domain in your example, and both scripts are running on it. OP says their scripts are on two different domains. PHP script would need the additional header added before any output... 'header('Access-Control-Allow-Origin: *');' Also, temp1.php is not PHP in this example, it's HTML calling javascript resources. Jus say'n.

Kevin Wang · Accepted Answer · 2012-05-02 08:17:38Z

1

try this:

    function GetChoice() {
    var returned = "";
    $.ajax({
        async:false,
        cache:false,
        url:"http://mydomain.com/script.php",
        type:"POST",
        dataType:"text",
        success:function (data) {
            alert(data);
        }
    });
}

answered May 2, 2012 at 8:17

Kevin Wang

822 bronze badges

2 Comments

Amadeus Over a year ago

And how can I resolve it? I want to get receive form php script on domain1.com in javascript on site in domain2.com.

Epiphany Over a year ago

If this is cross-domain issue, then be sure your PHP scripts know this by adding 'header('Access-Control-Allow-Origin: *');' before any output in your PHP script.

Community · Accepted Answer · 2017-05-23 11:53:23Z

1

The problem is, in your example, $.ajax returns immediately and the next statement, return result;, is executed before the function you passed as success callback was even called. Here is explanation. How do I return the response from an asynchronous call?

Luck,

edited May 23, 2017 at 11:53

CommunityBot

11 silver badge

answered Feb 17, 2017 at 20:56

Blarz

4345 silver badges7 bronze badges

1 Comment

Epiphany Over a year ago

It is 2018, and this really should be the accepted answer now.

Andrew Hall · Accepted Answer · 2012-05-02 08:16:05Z

0

GetChoice() will return nothing before the callback in success runs.

The callback, which is the function you define as the success paramater will not fire until the data have been requested from the server.

This is asyncronous (the A in AJAX) so the rest of the code with continue causing the GetChoice() function to return before the callback has been run

answered May 2, 2012 at 8:16

Andrew Hall

3,08323 silver badges30 bronze badges

1 Comment

Ja͢ck Over a year ago

Except that he already indicated it's a synchronous call by using async: false

Skecci Dev · Accepted Answer · 2015-05-05 05:15:40Z

0

this is the script

<script type="text/javascript">
$.ajax({
async:false,
cache:false,
url:"http://path.com/to/file",
type:"POST",
dataType: "html",
data: 'data',
success: function(data){
    alert(data);
}

});

and in your PHP file write this code

<?php

function test()
{
    $str = 'This is php file';
    return $str;
}

echo test();

?>

Make sure the path to the php file is correct AND add the script in another PHP file. Basically you need 2 files. Just tested this in my editor and works ..

answered May 5, 2015 at 5:15

Skecci Dev

1214 bronze badges

Comments

Gagan Bhangu · Accepted Answer · 2020-08-19 15:49:49Z

0

function GetChoice() {
    var returned="";
    $.ajax({
        url: "../script.php", 
        type: "POST",
        success: function(data) { 
            returned = data;
        }
    });
    return returned;
}

var r = GetChoice();
alert(r);

answered Aug 19, 2020 at 15:49

Gagan Bhangu

1

Collectives™ on Stack Overflow

Get data from php script in javascript

6 Answers 6

1 Comment

2 Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

2 Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related