web-dev-qa-db-fra.com

Comment recharger une div sans recharger toute la page?

Je suppose que ce que je demande est vraiment facile pour la plupart d'entre vous. Je veux recharger une div sans recharger toute la page. Quelle est la meilleure façon de le faire?

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

J'ai besoin de cet en-tête ("Refresh: ...") pour ne recharger que la div à la place de la page.

7
Gabriele

jQuery.load () est probablement le moyen le plus simple de charger des données de manière asynchrone à l'aide d'un sélecteur, mais vous pouvez également utiliser l'une des méthodes jquery ajax (get, post, getJSON, ajax, etc.)

Notez que load vous permet d’utiliser un sélecteur pour spécifier l’élément du script chargé que vous voulez charger, comme dans

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

Notez que techniquement, toute la page est chargée et jquery supprime tout sauf ce que vous avez sélectionné, mais tout se fait en interne.

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

démo: http://sandbox.phpcode.eu/g/2ecbe/3

code entier:

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

}); 
</script> 
8
genesis

Utilisez ceci.

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

Remarque: insérez un espace avant le hashtag.

1
praveena

écrire une étiquette de bouton et sur la fonction click

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

écrire tout cela dans la fonction onclick

1