jquery element load code example

Example 1: call a function on load jquery

$(document).ready(function () {
  // Function code here.
});

Example 2: jquery onload event

// A $( document ).ready() block.
$( document ).ready(function() {
    console.log( "ready!" );
});

Example 3: 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>

Tags:

Javascript Example

Recent Posts