retrieving from database into table in php - php

Question

im trying to retrieve data from database and display it into a table in php
i tried this
<?php
// array for JSON response
$response = array();
// include db connect class
require_once __DIR__ . '/db_connect.php';
// connecting to db
$db = new DB_CONNECT();
mysql_query("SET NAMES 'utf8'");
// get all products from products table
$result = mysql_query("SELECT *FROM glossary") or die(mysql_error());
// check for empty result
if (mysql_num_rows($result) > 0) {
// looping through all results
// products node
$response["glossaries"] = array();
echo "<table>";
echo "<tr>";
echo "<th>Symbol</th>";
echo "<th>Name</th>";
echo "<th>Description</th>";
echo "<th>Chapter</th>";
echo "</tr>";
while ($row = mysql_fetch_array($result)) {
echo "<tr>";
echo "<td>". $row['Symbol'] ."</td>";
echo "<td>". $row['Name'] ."</td>";
echo "<td>". $row['Description'] ."</td>";
echo "<td>". $row['ID_Chapter'] ."</td>";
echo "</tr>";
}
echo "</table>";
header("Content-type: application/json; charset=utf-8");
// success
$response["success"] = 1;
// echoing JSON response
} else {
// no products found
$response["success"] = 0;
$response["message"] = "No products found";
}
?>
but i will get a really strange result in the browser it will print the table tags td,tr... and the value between them like this:
<table><tr><th>Symbol</th><th>Name</th><th>Description</th><th>Chapter</th></tr><tr><td>θ </td><td></td><td></td><td>8</td></tr><tr><td>A ⊂ B</td><td>Proper subset / strict subset</td><td>Subset has fewer elements than the set</td><td>1</td></tr><tr><td>A'</td><td>Complement </td><td>Event A does not occur</td><td>1</td></tr></table>
why ?

Answer 1

header("Content-type: application/json; charset=utf-8");
That's... not JSON data. That's HTML. For example:
echo "<table>";
The default Content-type is probably HTML, so you can just remove the header line entirely. If you want to be explicit, you can be:
header("Content-type: text/html; charset=utf-8");
Basically what's happening is that you're explicitly telling the browser not to render the HTML, but to just treat it like JSON data. Which is why it's not rendering the HTML.