Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // AJAXified commenting system
- jQuery('document').ready(function($){
- var commentform=$('#commentform'); // find the comment form
- var respond=jQuery('#respond');
- jQuery('<div id="comment-status" ></div>').insertBefore(respond); // add info panel before the form to provide feedback or errors
- var statusdiv=$('#comment-status'); // define the infopanel
- commentform.submit(function(){
- //serialize and store form data in a variable
- var formdata=commentform.serialize();
- //Add a status message
- statusdiv.html('<p>Processing...</p>');
- //Extract action URL from commentform
- var formurl=commentform.attr('action');
- //Post Form with data
- $.ajax({
- type: 'post',
- url: formurl,
- data: formdata,
- error: function(XMLHttpRequest, textStatus, errorThrown){
- statusdiv.html('<p class="ajax-error" >You might have left one of the fields blank, or be posting too quickly</p>');
- },
- success: function(data, textStatus){
- if(data=="success"){
- var commenttext = jQuery('#comment').val();
- jQuery('<li class="comment">'+commenttext+'</li>').insertBefore(respond);
- statusdiv.html('<p class="ajax-success" >Thanks for your comment. We appreciate your response.</p>');
- }
- else
- {
- statusdiv.html('<p class="ajax-error" >Please wait a while before posting your next comment</p>');
- }
- commentform.find('textarea[name=comment]').val('');
- }
- });
- return false;
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement