Json demande avec Javascript

Que je suis juste débutant en java script et JSON et n'en a jamais fait le moindre travail dans ces avant. Mon employeur vient de me demander de créer la base de POC de ces.

Scénario:
J'ai une API REST et quand je l'appelle, elle renvoie la réponse au format JSON.

Besoin de:
Créer une page HTML et javascript pour appeler l'API REST de capture et de réponse JSON et d'impression dans la même page HTML.

<script type="text/javascript">
    function loadMe() {
       loadJSON('http://myrestAPI');
   }
        function loadJSON(url) {
            //Help me here to capture the response and print in html page. 
         }
</script>

Je vous remercie de votre aide. Cela pourrait être simple, mais pour moi, je n'ai aucune idée parce que je n'ai jamais rien fait de semblable en java script et json. Je goggled, mais ne pouvait pas trouver quoi que ce soit.

Grâce,
chota

pouvez-vous utiliser jquery?
jQuery EST juste javascript 😛 Est-il une raison que vous ne pouvez pas l'utiliser? Je me demande à propos d'un employeur qui explicitement m'a dit que je ne pouvais pas utiliser les packages de système d'exploitation qui me font le plus efficace dans mon travail (limitation des raisons juridiques, bien sûr)...
jQuery est javascript...êtes-vous sûr?
LOL, le bon timing
jQuery est puissant encombrants et parfois vous avez besoin pour développer sans elle. Bon exemple d'une situation qui serait un script, ou toute autre situation où vous avez seulement besoin de faire une chose. Cela dit, je suis presque toujours à l'aide de jQuery.

OriginalL'auteur sam_33 | 2011-01-05

 function SendRequest(MSG)
 {
  var objJSON = {
   "msg" : MSG
  };
  var strJSON = encodeURIComponent(JSON.stringify(objJSON));
  new Ajax.Request("ReceiveJSON.jsp",
   {
    method: "post",
    parameters: "strJSON=" + strJSON,
    onComplete: Respond
   });
 }

function Respond(REQ)
 {
  document.getElementById("ResponseDiv").innerHTML=REQ.responseText;
 }

C'est très complexe pour moi à comprendre
Pouvez-vous nous expliquer en partie pour laquelle vous ne pourriez pas le comprendre

OriginalL'auteur Praneeth

Si vous affichez votre REPOS réponse à la requête, le JSON peut être quelque chose comme ceci

{
    "users": [
        {"first": "Peter",
         "last": "Griffin"}
    ],
    "books": [
        {"title": "Design Patterns",
         "author": "The Gang of Four",
         "year": 1995}

    ]

}

Ce repos résultat de la requête peut être chargé comme un tableau javascript objet

<script language="javascript">

var resultObj = <Result of your REST url + query pasted here>;

</script>

Puis,

vous avez accès dans votre html avec javascript blocs comme

document.write(resultObj.users[0].first)

qui permettrait le retour 'Peter'

OriginalL'auteur Harish

0

Praneeth a le javascript simple réponse. Si vous pouvez utiliser jquery (et il n'y a vraiment aucune raison que vous ne peut pas) il devient plus facile:
```
<div id="response"></div>
$.get(url, function(data) {
  $('#response').append(data.property);
});
```
Il n'est pas judicieux d'ajouter les données de la div. Vous pourriez avoir un <p> élément à l'intérieur de la div et l'ajout de la place.
Mon mauvais. Il est logique et fonctionne. Ne pas y penser. Désolé.

OriginalL'auteur JohnO

$.getJSON(url, null, function (data) { .... });

OriginalL'auteur Praneeth

Ici est un exemple de travail à l'aide de jQuery qui devrait fonctionner.

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.1.0.min.js"></script>
</head>

<body>


<div id="response">
    <p id="responseParagraph">Base text</p>
</div>

<script>
    $.getJSON('http://myrestAPI',
        function(data) {
            $('#responseParagraph').append("<p>"+data.responseMessage+"</p>");
        });
</script>
</body>
</html>

OriginalL'auteur the_new_mr

Vous devez vous connecter pour publier un commentaire.