Come ricaricare un div senza ricaricare l'intera pagina?

Question

Suppongo che quello che sto chiedendo sia davvero facile per la maggior parte di voi. Voglio ricaricare un div senza ricaricare l'intera pagina. Qual è il modo migliore per farlo?

<div class="black_text" id="cp_in_content_div"> 
<?php 
$id = $_GET["id"]; 
$result = mysql_query("SELECT * FROM Setting WHERE ID = $id"); 
$row = mysql_fetch_array($result); 
switch ($_GET["action"]) 
{ 
    case "delete": 
    if (!unlink("$_SERVER[DOCUMENT_ROOT]setting/$row[Filename]")) 
    { 
     echo "Error."; 
     header("Refresh: 2.5; URL=delete_setting.php?id=$id"); 
     exit(); 
    } 
    if (!mysql_query("DELETE FROM Setting WHERE ID = $id")) 
    { 
     echo "Error."; 
     header("Refresh: 2.5; URL=delete_setting.php?id=$id"); 
     exit(); 
    } 
    else 
    { 
     echo "Ok!"; 
     header("Refresh: 1.25; URL=index.php"); 
    } 
    break; 
    default: 
    echo "form"; 
} 
?> 
</div> 

ho bisogno di quelli di intestazione ("Refresh: ...") al solo ricaricare il div al posto della pagina.

Answer 1

$("#div_element").load('script.php'); 

demo: http://sandbox.phpcode.eu/g/2ecbe/3

codice intero:

<div id="submit">ajax</div> 
<div id="div_element"></div> 
<script> 
$('#submit').click(function(event){ 
    $("#div_element").load('script.php?html=some_arguments'); 

}); 
</script> 

Answer 2

jQuery.load() è probabilmente il modo più semplice per caricare i dati in modo asincrono utilizzando un selettore, ma è anche possibile utilizzare uno dei metodi jquery ajax (get, post, getJSON, ajax, ecc.)

Nota che il caricamento consente di utilizzare un selettore per specificare quale parte dello script caricato si desidera caricare , Come in

$("#mydiv").load(location.href + " #mydiv"); 

Si noti che questo tecnicamente non caricare l'intera pagina e jQuery rimuove tutto, ma quello che avete selezionato, ma questo è tutto fatto internamente.

Answer 3

scrivere la modifica del tasto e sulla funzione click

var x = document.getElementById('codeRefer').innerHTML; 
    document.getElementById('codeRefer').innerHTML = x; 

scrivere tutto questo in funzione onclick

Answer 4

Utilizzare questo.

$('#mydiv').load(document.URL + ' #mydiv'); 

Nota, includere uno spazio prima del hastag.