comment utiliser ajax pour mettre à jour un div particulier après le clic d'un soumettre?

Question

<?php  
$short_des="Harry Potter is a series of fantasy novels"; //initially short_description has this value 
echo '<span><p>About:</p> '.$short_des.'</span>'; //initially i am printing short_des here but after cick of submit i want to update it 
echo '<form class="make_long_form" method="post">'; 
    echo '<input type="text" id="make_descrip_long" method="post" name="make_descrip_long" value="'.$post_read_more['id'].'">'; 
    echo '<input type="submit" id="read_more_button" value="Show more">'; //this is the submit form 
echo '</form>'; 
if(isset($_POST['make_descrip_long'])){ 
$short_description = "Harry Potter is a series of fantasy novels written by British author J. K. Rowling."; //after the click of submit i want to update the value of short_description and update it in the about echo above 
         } 
?> 

Je pense que je dois utiliser ajax pour mettre à jour la valeur de short_des dans l'écho. Aidez-moi.

Answer 1

Si vous utilisez jQuery, essayez ceci:

fonction ajax:

function loadDiv(url, element){ 
    $.post(url, {}, function(res){ 
     myDiv.html(res); 
    } 
} 

url: est une chaîne qui représentons des la page où les données que vous voulez mettre dans le div est situé.

élément

: est la div que vous souhaitez mettre à jour, dans jQuery u peut passer avec son sélecteur id:

var element = $("#divID"); 

le {} sont un objet JSON qui sera transmis à la page url en poste. Dans la variable res vous obtenez la réponse de la requête, en html