Formulaire PHP submit - conversion en jQuery .Ajax

Question

Est-il facile de convertir la soumission de formulaire PHP suivante en un formulaire de type Ajaxy.

Voici le PHP:

<?php //Send Tweet 
    if(isset($_POST['submit'])) { 
    $qtweet = $_REQUEST['tweet']; 
    $connection->post('statuses/update', array('status' => $qtweet)); 
    echo "<div style='padding-bottom: 5px; color: #0099FF;'>Updated your Timeline Successfully.</div>"; 
    } 
?> 

Et le formulaire HTML:

<form id="tweethis" method='post' action='index.php'> 
    <textarea style="width: 346px;" name="tweet" rows="5" id="tweet" ></textarea> 
    <br /> 
    <span id="charLeft">140</span> Characters left 
    <br /> 
    <input type='submit' value='Tweet This!' name='submit' id='submit' /> 
    <br /> 
</form> 

Je voudrais utiliser Ajax de sorte que la page ne marche pas besoin de recharger.

Answer 1

Assez facile. Utilisez $ .ajax et vérifiez la fonction serialize() pour convertir vos données de formulaire. Vous devrez également empêcher le comportement par défaut et les bulles d'événements. Ce tutorial est plutôt bon.

À l'intérieur de l'appel ajax, vous devez spécifier la page PHP qui gérera la requête. Ce script gérera la soumission du formulaire, comme dans les formulaires PHP normaux, puis répercutera toute sortie. Cette sortie sera renvoyée au client appelant.

Answer 2

$(document).ready(function() { 
    $("#tweethis").submit(function() { 
     $.post('index.php', $("#tweet").val(), function(html) { 
      $("#resultDiv").html(html); 
     }); 
     return false; // prevent normal submit 
    }); 
}); 

Jetez un oeil à $.ajax et les emballages $.post (et $.get) pour elle.

Answer 3

Essayez d'utiliser mon ALAJAX JQuery Plugin: http://www.freelancer-id.com/alajax

Il est facile et simple:

$("#form_ID or #div_ID").alajax();