comment puis-je charger une page externe dans un div en utilisant jquery?

Question

J'ai un menu avec 3 liens, quand l'utilisateur clique sur un lien de menu je veux que la page se charge sur un div sur la même page en utilisant jquery, im using php et mysql!

merci!

Answer 1

élargi de @ exemple de Jandy:

Markup:

<a href="/foo/bar.html" id="baz">Load external html</a> 
<div id="result"></div> 

JavaScript

$('#baz').click(function() { $('#result').load(this.href); }); 

Answer 2

Jetez un oeil à la fonction jQuery.get().

Answer 3

http://api.jquery.com/load/

$('#result').load('ajax/test.html'); 

Answer 4

Je vous suggère de lire quelques docs @jQuery.

BTW cela pourrait être votre réponse:

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
    $('.result').html(data); 
    alert('Load was performed.'); 
    } 
}); 

Answer 5

$('#local_container').load('external/file.php #external_container'); 

http://api.jquery.com/load/

Answer 6

Vous pouvez utiliser ajax pour collecter des informations à partir de la base de données mysql.

$.ajax({ 
    type: 'post', 
    url: 'getnames.php', 
    datatype: "json", 
    success: function(data) { 
    $('#id_of_the_div').text(""); 
    $('#id_of_the_div').append(data.returned); 
    } 
}); 

dans le fichier php:

//.. 
// commands that run mysql queries and gather information from database 
//.. 
//.. 
//.. 
// you store what you've got from the database in a $ret variable and then: 
// $ret can be for example: 
// $ret = "<table><tr><td>Peter</td><td>40</td></tr></table>"; 

$arr = Array("returned"=>$ret); 
echo json_encode($arr); 

Bien sûr, cela est juste un exemple de plusieurs façons dont vous pouvez utiliser. J'ai utilisé la requête ajax et json ...