Discussion :

[ladinho58]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[danielhagnoul]

Bonsoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
var jqXHR = $.getJSON( BaseUrl() + "/appmobile/get_my_leagues", { 
	"emailOrUsername" : emailOrUsername,
	"password" : password,
	"code_version" : code_version
});
 
jqXHR.done( function( data, textStatus, jqXHR ){
	// succès de la transaction, on doit traiter le contenu de data
	//console.log( data, textStatus, jqXHR );
 
	/*
	 * Récupération du premier objet dans l'array "leagues".
	 */
	var obj0InLeagues = data.leagues[ 0 ];
 
	/*
	 * lid ?
	 */
	console.log( obj0InLeagues.lid );
});
 
jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
	// échec de la transaction, gérer la catastrophe
	console.log( jqXHR, textStatus, errorThrown );
 
});

[Bovino]

Daniel, il s'agit d'une requête de type JSONP, c'est pourquoi la réponse contient la fonction de rappel (get_my_leagues(...).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$.getJSON( BaseUrl() + "/appmobile/get_my_leagues?get_my_leagues=?", { 
	"emailOrUsername" : emailOrUsername,
	"password" : password,
	"code_version" : code_version
});

suffit donc