I'm executing a JSON parse on an array returned from a PHP function and it doesn't seem to be working.
Here's the PHP function:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<?php
$bname = $_REQUEST["bname"];
$link = mysqli_connect('localhost', 'root', '123');
$servername = "localhost";
$username = "root";
$password = "123";
$dbname = "success";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// PHP for execution
$sql = "SELECT id, bname, bicon, rafrica, rasia, roceania, reurope, rsouthamerica, rnorthamerica, traffic, revenue, profit FROM business LIMIT 1";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
$b3name = $row["bname"]. "<br>";
$b3icon = $row["bicon"]. "";
$b3rafrica = $row["rafrica"]. "<br>";
$b3rasia = $row["rasia"]. "<br>";
$b3roceania = $row["roceania"]. "<br>";
$b3reurope = $row["reurope"]. "<br>";
$b3rsouthamerica = $row["rsouthamerica"]. "<br>";
$b3rnorthamerica = $row["rnorthamerica"]. "<br>";
$b3traffic = $row["traffic"]. "<br>";
$b3revenue = $row["revenue"]. "<br>";
$b3profit = $row["profit"]. "<br>";
}
} else {
echo "0 results";
}
$output = array(
'name' => $b3name,
'icon' => $b3icon,
'traffic' => $b3traffic
);
echo json_encode($output);
?>
</body>
</html>Here's the AJAX that contains the JSON parse:
function loadfacebook1()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("b1").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getfacebook.php",true);
xmlhttp.send();
var obj = JSON.parse(xmlhttp.responseText);
document.getElementById("demo").innerHTML=obj.name + "<br>";
}I'm using
<span id="demo">to display the returned value but I need to assign obj.name (and some other elements of the array) to a variable(s) which I can use to update other things in the page. Any help would be really appreciated.
Cheers,
Will
</div>
