Json et ajax

Signaler
-
 smendili -
Bonjour,

j'ai le code suivant .html :
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

<script type="application/javascript">
function loadJSON()
{
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{

// Parse the JSON data structure contained in xmlhttp.responseText using the JSON.parse function.
var JSONObject = JSON.parse(xmlhttp.responseText);

// The JSONObject variable now contains the data structure and can be accessed as JSONObject.firstName and
// JSONObject.lastName. Assign the object members to the DOM elements FirstName and LastName so that they get
// displayed on the page
document.getElementById("FirstName").innerHTML = JSONObject.firstName;
document.getElementById("LastName").innerHTML = JSONObject.lastName;
}
}
xmlhttp.open("GET","JSON.txt",true);
xmlhttp.send();
}
</script>

<title>JSON and AJAX</title>
</head>


Prince


Vivian

Update Name
Click this button to update the page


</html>

et le format json "JSON.txt" suivant:
{"firstName": "Isabelle", "lastName": "Solomon"}


j'ai essayer de l'implémenter mais ça ne marche pas, je ne sais pas si vous pouvez m'aidez la dessus.

Merci

2 réponses

Messages postés
4202
Date d'inscription
samedi 16 octobre 2004
Statut
Modérateur
Dernière intervention
13 juin 2020
37
Impossible de faire fonctionner ton code, correction, test, correction ... rien de rien.

J'ai donc voulus tester avec JQuery, ça marche bien.

le fichier (names.json)
{
  "firstName": "Isabelle", 
  "lastName": "Solomon"
}


et le fichier HTML (index-json.html)
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">

<title>JSON and AJAX</title>

<script type="text/javascript" name="jquery" src="http://code.jquery.com/jquery-1.8.3.min.js">
</script>

<script type="text/javascript">
function getjsondata(){
  $.getJSON('names.json', function(data){
    $('#firstName').html(data.firstName);
    $('#lastName').html(data.lastName);
  });
}
</script>
</head>

  
Prince

  
Vivian

  
  
  
  Click this button to update the page


</html>


Je n'ai pas reussi à comprendre pourquoi ton code ne fonctionne pas.

________________________________________________________
besoin de câbles audio, vidèo, informatique pas cher ?
J'ai essayé avec tes modifications mais ça ne marche pas toujours
Il n'y a pas de m.à.j quand je clique sur le bouton "Update Name".