jquery La méthode .load() code example
Example 1: jquery La méthode .load()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery demo ajax load</title>
<script type="text/javascript" src=
"http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").load("livres.xml",function(response,status){
if (status=="success")
{
$("div").html("<ol></ol>");
$(response).find("titre").each(function(){
var txt1 =
$(this).text();
var txt2 = $(response).find("lien").text();
var text = '<a href="'+txt2+'"
target="_blank">'+txt1+'</a>'
$('<li></li>').html(text).appendTo('ol');
});
alert("Il y a
"+$(response).find("titre").size()+"
livres.\n Cliquez sur le nom du livre
pour voir l'offre le concernant.")
}
});
});
});
</script>
</head>
<body>
<h2>Des livres</h2>
<div></div>
<button>Execute</button>
<p><b>le
fichier xml utilisé pour cet exemple est ici <a href="livres.xml" target="_blank">livres</a></b></p>
</body>
</html>
Example 2: jquery La méthode .load()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery demo ajax post et ajax get </title>
<script type="text/javascript" src=
"http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("input").keyup(function(){
txt=$("input").val();
$("span").load("demo_ajax_post.php",{suggest:txt});
});
});
</script>
</head>
<body>
<p>Commencer
à saisir le nom d'un animal dans la zone de texte suivante:</p>
Nom
d'animal : <input type="text"/>
<p>Suggestions :
<span></span></p>
<p>le
fichier "demo_ajax_load.php"
utilisé dans cet exemple se trouve ici: (<a href="demo_ajax_post.txt"
target="_blank">demo_ajax_load</a>) </p>
</body>
</html>