Wie benutzt man Ajax, um ein bestimmtes Div nach dem Klick auf ein Submit zu aktualisieren?

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 
         } 
?> 

Ich denke, ich muss Ajax verwenden, um den Wert von short_des im Echo zu aktualisieren. Hilfe.

Answer 1

Wenn Sie jQuery verwenden, versuchen Sie dies:

ajax Funktion:

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

url: ist eine Zeichenfolge, die die Seite, wo die Daten rapresent, die Sie im div setzen wollen befindet.

Element: ist das div Sie aktualisieren möchten, in jQuery u es mit seiner ID-Selektor passieren kann:

var element = $("#divID"); 

die {} sind ein Json-Objekt, das auf die URL Seite als Post übergeben wird.

in der Res-Variable erhalten Sie die Antwort der Anfrage, in html.