1
2<!DOCTYPE html>
3<html>
4<head>
5<meta charset="utf-8">
6
7 <title>jQuery demo ajax load</title>
8<script type="text/javascript" src=
9 "http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">
10 </script>
11<script>1925262739</script>
40</head>
41<body>
42<h2>Des livres</h2>
43<div></div>
44<button>Execute</button>
45<p><b>le
46 fichier xml utilisé pour cet exemple est ici <a href="livres.xml" target="_blank">livres</a></b></p>
47</body>
48</html>
49
50
1
2<!DOCTYPE html>
3<html>
4<head>
5<meta charset="utf-8">
6
7 <title>jQuery demo ajax post et ajax get </title>
8<script type="text/javascript" src=
9 "http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">
10 </script>
11<script>
12$(document).ready(function(){
13
14 $("input").keyup(function(){
15
16 txt=$("input").val();
17
18 $("span").load("demo_ajax_post.php",{suggest:txt});
19
20 });
21});
22</script>
23</head>
24<body>
25<p>Commencer
26 à saisir le nom d'un animal dans la zone de texte suivante:</p>
27Nom
28 d'animal : <input type="text"/>
29<p>Suggestions :
30 <span></span></p>
31<p>le
32 fichier "demo_ajax_load.php"
33 utilisé dans cet exemple se trouve ici: (<a href="demo_ajax_post.txt"
34 target="_blank">demo_ajax_load</a>) </p>
35</body>
36</html>
37
38