Display records from a database and then when a new one is added automatically update the displayed records from the database with the new one

I'm trying to display records from a database and then when a new one is added automatically update the displayed records from the database with the new one

I am doing this using php and javascript. I want to load a page and display tags under a video and then when a user adds a new tag by entering it into text box to add it to the 开发者_如何学运维database and then refresh the part of the page which shows these tags and include the new one which has just been added all without the page being reloaded.

You will need to use Ajax and Javascript or a Javascript Framework like JQuery or Prototype to create HTML DOM Elements dynamically and show them to the user after the Ajax call returns the result.

UPDATE:

For JQuery + Ajax

--- Learning jQuery: 11 excellent resources

--- Simplify Ajax development with jQuery

--- Use jQuery and PHP to build an Ajax-driven Web page

For Example to create a HTML DOM Element in JQuery

var myLink = $("<a />");

//Add a link to it
myLink.attr('href', 'http://localhost/index.php');
//Add a text
myLink.text('Go Here');

//Add it to a div of id "myDiv"
$("#myDiv").append(myLink);

I hope this helps.