Comment faire un état de mise à jour (ajax) avec Jquery?

Question

Comment faire un statut de mise à jour comme ce que vous faites maintenant (facebook + ajax) avec Jquery?

J'ai trouvé un tutoriel très similaire à cela, mais en utilisant mootools, y a-t-il un tutoriel qui utilise Jquery?

Je suis un nouveau à javascript et jquery, j'ai besoin de vos gars aide et des conseils

EDIT:

L'exemple de mootool se trouvent d'ici:

http://nettuts.com/tutorials/php/twitter-emulation-using-mootools-12-and-php/

Answer 1

here is a nice example to do some simple jquery-ajax with PHP

Answer 2

Fondamentalement ce que vous voulez faire est de faire une demande jQuery POST au service r avec le contenu de votre formulaire. (Regardez de plus près les exemples pour comprendre comment cela fonctionne ...) Stockez les données publiées dans votre base de données, envoyez une réponse au client et utilisez une fonction de rappel pour mettre à jour la page en rechargeant les champs spécifiques qui devraient être actualisé.

Je n'ai vu aucun tutoriel pour créer cette fonctionnalité spécifique, mais si vous jouez un peu avec jQuery et votre langage de choix côté serveur, vous devriez être capable de le comprendre assez rapidement.

Answer 3

vous voulez probablement faire ..

$("div").html("<span class='red'>Hello <b>Again</b></span>"); 

ou

$("p").text("<b>Some</b> new text."); 

Commander JQuery Docs

Answer 4

@Tomas et @Natrium avez-vous dit essentiellement ce que vous devez savoir.

Puisque vous dites que vous êtes nouveau javascript et jQuery, je vous recommande de vérifier http://docs.jquery.com/Main_Page

Pour une documentation spécifique Ajax, consultez http://docs.jquery.com/Ajax

Pour apprendre les rudiments de jQuery (même si vous je ne sais pas beaucoup de javascript), je recommande le livre "Learning jQuery" http://www.packtpub.com/learning-jquery-1.3/book/mid/220409c024ep

Answer 5

Si vous deviez suivre l'exemple de mootools exactement comme ils l'ont, le code javascript aurait simplement besoin d'être changé pour que ça marche (fondamentalement de la même manière) dans jQuery:

$(function() { 
    //make the ajax call to the database to save the update 
    $.ajax({ 
     url: '<?php echo $_SERVER['PHP_SELF']; ?>', 
     method: 'POST', 
     beforeSend: function() { 
      $('submit').attr('disabled','disabled'); 
     }, 
     complete: function(xhr,status) { 
      $('submit').disabled = 0; 
      $('#message').removeClass('success').removeClass('failure'); 
      $('#message').fadeIn(3000); 
     }, 
     success: function(data,status) { 
      //update message 
      $('#message').text('Status updated!').addClass('success').fadeIn('medium'); 

      //store value, clear out box 
      var status = $('#status').val(); 
      $('#status').val(''); 

      //add new status to the statuses container 
      var element = $('<div class="status-box">'); 
      element.html(status + '<br /><span class="time">A moment ago</span>'); 
      $('#statuses').prepend(element); 

      //place the cursor in the text area 
      $('#status').focus(); 

     }, 
     error: function(xhr, status, error) { 
      //update message 
      $('#message').text('Status could not be updated. Try again.').addClass('failure').fadeIn('medium'); 
     } 
    }); 
}); 

Answer 6

Pour ne pas trop me promouvoir, j'ai écrit un tutoriel sur ce sujet. très facile à faire: http://blog.twostepmedia.co.uk/dynamic-jquery-twitter-status/