AJAX Comments with jQuery, PHP, and MySQL

This time around, we will be making a better Comments box where the comment is loaded onto the page when submitted.

Category:

Howto & Style

Tags:

• AJAX
• Comment
• Quick
• Loading
• jQuery
• PHP
• MySQL
• Javascript
• JS
• Web
• Development
• MAMP
• Mac
• Coda
• Sequel Pro
• FB
• Facebook
• Status
• Update

[tilda1111]

can this be done with a cool fade in effect?

what should I change to make this happen?

btw tnx for tut ... very usefull

[WebDevFTW]

@tilda1111 It's pretty easy, when you append a new comment, create the new element and use the fadeIn effect. My best recommendation for this would to be the jQuery documentation on the fadeIn method. ;)

[miXn]

Pretty easy to follow, and well done!

Just one thing.. this isn't really working with JavaScript disabled, is it?

[WebDevFTW]

@miXn Well, yeah. If Javascript is disabled, Ajax will not work since it's a javascript tool.

[miXn]

@WebDevFTW Sure, I know.. a commenting-system should also work with JS disabled.. just using pure PHP, and uploading the commenting after a site refresh.

[WebDevFTW]

@miXn The point of this tutorial was to show AJAX functionality. I used a commenting system to make a quick tutorial to show AJAX. My main focus for the tutorial was to show AJAX, not a PHP tutorial.

[Ne2raj99]

Nice one

[krishnankuta]

how will i know whn u have released a better code with latest php standards?

[tilda1111]

@WebDevFTW great ty :)

[JuanPlumaa]

Need Assistance please with the .$post( 'data.php' { nombre:nombre, email:email, telefono:telefono, mensaje:mensaje} function(response) { $("#commentArea").load("pull.p­hp"); $("#nombre").val("");$("#email­").val(""); $("#telefono").val("");$("#men­saje").val(""); } ) return false;

Firebug says missing ")" after argument list in function(response) Could you please let me know if I did the $.post wrong? Or do you have the code files availabe for downloading, to check my error?