Est-il possible de charger le contenu de la page sans actualiser la page entière

Question

En fait, je veux rafraîchir mon contenu d'une page sans Rafraîchir la page entière par JavaScript ou j Query ....... et j'ai fait mon projet entier dans (Php ou javaScript) si je fais face à ce type de problème

note: je veux rafraîchir mon contenu de la page lorsque l'utilisateur effectue des actions

Voici mon code:

// On Le clic du bouton, le ci-dessous sera exécuté:

$('body').on('click', '#click', loadDoc); 

et LoadDoc functio:

function loadDoc() { 

           //alert('heruybvifr'); 
       var _this = $(this); 
       var order_id= $(this).parents('.modal').find('.order-id').text(); 

       $.get('myPHP.php',{order_id: order_id},function(){ 
      _this.hide(); 

       }) 
       } 

Maintenant myPHP.php:

<?php 
include("connection.php"); 
$limit = intval($_GET['order_id']); 

echo $valuek; 
    $query="UPDATE orders 
SET status ='cooking' 
WHERE id = $limit"; 
if (mysqli_query($connection,$query)) { 
echo "Record updated successfully"; 
} else { 
echo "Error updating record: " . mysqli_error($connection); 
} 


    ?> 

Answer 1

Oui vous pouvez utiliser l'appel jQuery.ajax(). Comme ceci: Modifier le texte d'un élément à l'aide d'une requête AJAX:

$("button").click(function(){ 
    $.ajax({url: "demo_test.txt", success: function(result){ 
     $("#div1").html(result); 
    }}); 
}); 

Voir ce tutoriel pour plus d'informations: http://www.w3schools.com/jquery/ajax_ajax.asp

Answer 2

Vous pouvez utiliser les fonctions Ajax JQuery pour accomplir vos besoins. toutes les fonctions ci-dessous fonctionnera pour le chargement du contenu sans actualiser la page.

$.post("/controller/function", params, function(data) { 
     // set received data to html 
    }); 

$.ajax("/controller/function", params, function(data) { 
     // set received data to html 
    }); 

$.get("/controller/function", params, function(data) { 
     // set received data to html 
    }); 

Answer 3

Vous pouvez charger les données à partir du serveur et placer le code HTML retourné dans l'élément correspondant.

<div id="content"></div> 

$("#content").load("ajax/test.html");