Question

I want to show my mysql data without refresh page, click button, change etc. If anyone one submit data on mysql from anywhere then I can see the his/her submitted data without refresh, change, click. data come from me automatically. I know jquery, ajax, php but I don’t find any way solving this problem. If you have any idea, please, share with me. Thanks

Answer 1

So you know jQuery, AJAX and PHP, but you don’t know how to change data? At least try to be creative…

First you need a PHP page that get’s the database data.

header('Content-Type: application/json');

require 'config.php';

$json = array(
    'data'  => array()
);

$result = mysql_query('SELECT * FROM `my_table`');

while($row = mysql_fetch_assoc($result)) {
    array_push($json['data'], $row);
}

echo json_encode($json);

As you might notice, I like to transfer the data as JSON – hence the header() and json_encode() call.

If you go to that page you’ll see the results from your database. Now you can call that file using jQuery AJAX. If you use an interval you can get the new data every x seconds.

setInterval(fetchData, 10000); // get data every 10 seconds

function fetchData() {
    $.getJSON('myfile.php', function(data, textStatus, xhr) {
        $.each(data.data, function(index, value) {
            // do something with every row

            console.log(value.id, value.content, value.date);
        });
    });
}

Voila!

---

I can have huge discussions that programmers are creative. This is my point exactly. Knowing a language doesn’t make you a good developer. If it helps you, get a piece of paper and make a flow-graph or something.