Pass PHP data to Ajax response?

Question

I'm using this script I found off the internet to detect a visitors web browser details.

That script gets run when I send a request via an ajax call.

As you can see at the bottom of the php script, there is an array,

  return array(
        'userAgent' => $u_agent,
        'name'      => $bname,
        'version'   => $version,
        'platform'  => $platform,
        'pattern'    => $pattern
    );

and this

$ua=getBrowser();
$yourbrowser=
 "Your browser: " . $ua['name'] . "
 " . $ua['version'] . " on " .$ua['platform'] . " reports: <br >" . $ua['userAgent'];

print_r($yourbrowser);

How can I pass each of those variables back to ajax in such a fashion I could do this.

$.ajax({                                      
 url: 'analyze.php',    
 data: "active=active",
 success: function(data)
  { 
  var userAgent = data[1];
  var name = data[2];
  var version = data[3];
   $("#div1").html(userAgent);
   $("#div2").html(userAgent);
   $("#div3").html(userAgent);
  }      
});

What do you get when you console.log(data)?

Jay Blanchard
– Jay Blanchard

2014-10-29 19:41:31 +00:00
Commented Oct 29, 2014 at 19:41 — Jay Blanchard
– Jay Blanchard, Commented Oct 29, 2014 at 19:41
You could encode it as JSON data and return that.

Crackertastic
– Crackertastic

2014-10-29 19:44:36 +00:00
Commented Oct 29, 2014 at 19:44 — Crackertastic
– Crackertastic, Commented Oct 29, 2014 at 19:44

Jason P · Accepted Answer · 2014-10-29 19:52:29Z

3

You can echo the data as json:

echo json_encode($myArray);

Then add dataType:'json' and access the properties by name in javascript:

dataType: 'json',
success: function(data) { 
    var userAgent = data.userAgent;
    var name = data.name;
    var version = data.version;
}

edited Oct 29, 2014 at 19:52

answered Oct 29, 2014 at 19:44

Jason P

27k3 gold badges34 silver badges45 bronze badges

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

1 Comment

gen_Eric Over a year ago

Make sure to add dataType: 'json' to the AJAX call for this to work.

SLin · Accepted Answer · 2014-10-29 19:54:56Z

2

You have to encode the array as a json object

echo json_encode($array);

and then the ajax call will look like this:

$.ajax({                                      
url: 'analyze.php',    
data: "active=active",
dataType: "json",
success: function(data)
{ 
    var userAgent = data.userAgent;
    var name = data.name;
    var version= data.version;
    ....
}

edited Oct 29, 2014 at 19:54

answered Oct 29, 2014 at 19:45

SLin

3756 silver badges18 bronze badges

2 Comments

ProEvilz Over a year ago

@SLin Your variable $array, where's that come from? Am I supposed to store the array I posted at the top of my explanation inside $array? $array = array( 'userAgent' => $u_agent etc?

SLin Over a year ago

@AshleyBrown Yes, the array that you get from the script should be $array.

ray9209 · Accepted Answer · 2014-10-29 20:58:12Z

0

Instead of having the php script return an array, have it echo the info like this:

echo "$u_agent,$bname,$version,$platform,$pattern";

Then convert that to an array:

var dataArray = data.split(',');

Then you can access each variable like so:

var userAgent = dataArray[1];
var name = dataArray[2];
var version = dataArray[3];

edited Oct 29, 2014 at 20:58

answered Oct 29, 2014 at 19:48

ray9209

3883 silver badges14 bronze badges

Comments

dojs · Accepted Answer · 2014-10-29 21:27:30Z

0

In your .php file

header('Content-Type: application/json'); // Set the header type to json at the top of the file.

echo json_encode($array); // Echo out the array as a json-string.

In your ajax success function

function (data) {
  var foo = data.bar;
}

answered Oct 29, 2014 at 21:27

dojs

5172 silver badges11 bronze badges

Collectives™ on Stack Overflow

Pass PHP data to Ajax response?

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related