Récupération valeurs dans un tableau JSON
Bonjour,
mon titre est un peu flou, et pour cause, je ne comprend pas forcément tout ce que je suis en train de faire.
je vais tenter de vous expliquer la situation :
Un Web Service a été créé pour renvoyer un flux JSON sur une page http.
Lorsque je vais sur cette page voici ce que je récupère :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| get_my_leagues(
{"result":"1",
"leagues":[
{
"i":"https:\/\/www.monsite.com\/imagine\/league\/uploads\/ligues\/4fcceb6b6c4e9.jpg",
"ln":"Le sport est un jeu",
"lid":526,
"n":"262",
"c0":90,
"p0":0,
"dp0":0,
"c1":81,
"p1":0,
"dp1":0}
] }) |
Mon objectif est de traiter ces informations et de pouvoir les afficher dans une appli mobile.
Pour ce faire, je crée une fonction js que j'appelle get_my_leagues()
Voici son contenu actuel :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
function get_my_leagues()
{
$('.loader').fadeIn('slow');
emailOrUsername = readCookie("login");
password = readCookie("password");
if (emailOrUsername == null)
emailOrUsername = g_login;
if (password == null)
password = g_password;
//Ici on crée un JSON pour passer des paramètres au serveur lors de l'appel Ajax.
var data = jQuery.parseJSON('{"emailOrUsername":"' + emailOrUsername + '","password":"' + password + '","code_version":"' + code_version + '"}');
$.ajax({
type : "POST",
//Ici on indique à l'appli mobile où elle doit récupérer le JSON.
url : BaseUrl() + "/appmobile/get_my_leagues",
dataType : 'jsonp',
data : (data),
cache : false,
crossDomain : true,
timeout : 10000,
success : function(data) {
var dataresponse = eval(data); // objet javascript dont on peut exploiter les valeurs retournée par le WebService
if (dataresponse.result == 1) { //On a bien récupéré la liste des ligues
var array_leagues = dataresponse.leagues;
//Cette variable est un tableau contenant une liste de ligue.
$('#leagues').html(JSON.stringify(array_leagues));
var ligue = $('#ligue'); //on récupere la balise ligue
ligue.html(""); //on vide la balise
ligue_html = "";
ligue_html += "<tbody>";
for (var i in leagues)
{
ligue_html += ligue[i];
}
}
} |
Ici, vous pouvez voir le léger début du fichier ligue.html que j'essaye de mettre en place pour récupérer les informations:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<script>
$(document).ready(function() {
current_page = "ligue";
//Système de navigation asynchrone
$("a").unbind("click");
$("a").bind("click", function(){
$.get($(this).attr('href'), function(data){
$("#page").html(data);
});
return false;
});
get_my_leagues(); //on fait appel a la fonction get_my_leagues
});
</script>
<div id="header">
<a href="main.html" id="home"></a>
Ligue <!-- <span id="gameweek_name"></span> -->
</div>
<div id="content2">
<span id="leagues" style="display: none;"></span>
<ul id="ligue"></ul>
</div> |
Je ne sais pas si j'ai donné toutes les informations ou pas, ma compréhension de tout cela est un peu vague.. Pourriez-vous m'éclairer svp ?
