IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] Afficher resultat dans une seconde page web


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2010
    Messages
    41
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2010
    Messages : 41
    Par défaut [AJAX] Afficher resultat dans une seconde page web
    Bonjour,

    J'ai une page html avec un formulaire de recherche.
    une premiere requete ajax va attaquer SAS et retourner
    dans ma page un tableau de resultats

    Lors d'un clique sur une cellule de la premiere colonne (un numero de patient)
    ma deuxieme requete ajax est éxécuté pour me retourner d'autres informations sur mon patient

    Tout ceci fonctionne, seulement je souhaiterai que ma deuxieme requete retourne mon tableau de résultat dans une seconde page web et non la premiere pour pouvoir jongler entre leux deux

    Je precise que mon tableau de resultats est creer automatiquement grace a une fonction "sigma grid" .

    Je ne sais pas si j'ai choisit le bon forum (javascript / ajax / jquery ?). Veuillez deplacer si nécessaire

    Merci pour toute aide

    Ci apres mon code javascript.

    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
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
     
     
     
     
    $(document).ready( function() {
     
    	var resu;
     
    	var dsOption= {
    	fields :[
    		{name : 'strfolder'  },
    		{name : 'strfile'  }
    	],
    	recordType : 'array',
    	data : resu
    	};
    	var grid_demo_id = "myGrid1" ;
    	var colsOption = [
    	   {id: 'strfolder' , header: "PATIENT" , width :530  },
    	   {id: 'strfile' , header: "DISCOM" , width :320  }
        ];
     
    var gridOption={
    	id : grid_demo_id,
    	width: "900",  //"100%", // 700,
    	height: "350",  //"100%", // 330,
    	container : 'gridbox', 
    	replaceContainer : true,
    	dataset : dsOption ,
    	columns : colsOption,
    	toolbarContent : 'nav | goto | pagesize ',
    	pageSize : 10 ,
    	pageSizeList : [5,10,15,20,50,100,500,1000,5000]
    };
    var mygrid=new Sigma.Grid( gridOption );
    Sigma.Util.onLoad( Sigma.Grid.render(mygrid) );
     
     
     
      // détection de la saisie dans le champ de recherche
      $('#q').keyup( function(){
      $field=$(this);
     
        $('#results').html(''); // on vide les resultats
        $('#ajax-loader').remove(); // on retire le loader
     
        // on commence à traiter à partir du 3ème caractère saisie
        if( $field.val().length > 1 )
        {
    	//alert($("#panel").val()); 
          // on envoie la valeur recherché en GET au fichier de traitement
          $.ajax({
      	type : 'GET', // envoi des données en GET ou POST
    	url : 'http://cbsw1018.part.grs.net:8080/SASStoredProcess/do?_PROGRAM=/SDS/search_instant/search_instant2' , // url du fichier de traitement
    	data : 'SRCH='+$(this).val()+'&PANEL='+$("#panel").val() , // données à envoyer en  GET ou POST
    	beforeSend : function() { // traitements JS à faire AVANT l'envoi
    	 // ajout d'un loader pour signifier l'action
    		$field.after('<img src="/search_instant/img/ajax-loader.gif" alt="image du loader" id="ajax-loader" /> ');
    	},				
    	success :  function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
    			$('#ajax-loader').remove(); // on enleve le loader
     
    			var resu= eval( '(' + data + ')');  // on récupere les données issus de la requete
    			var result=resu[0][2];  // on récupere le nombre de resultats (calculé dans les données retournées)
     
     
    			mygrid.refresh(resu);
     
    		$("#results").html('Number of results : '+ result+ ' </div>');
     
     
     
     
    		}
    	   });
        }		
      });
     
     
     
      		$("[__gt_ds_index__]").live('click', function() {
    			var patid=$(this).children('td').eq(0).text();             
     
     
     
    		$.ajax({
    				type : 'GET', // envoi des données en GET ou POST
    				url : 'http://cbsw1018.part.grs.net:8080/SASStoredProcess/do?_PROGRAM=/SDS/search_instant/search_instant' , // url du fichier de traitement
    				data : 'SRCH='+patid+'&PANEL='+$("#panel").val() , // données à envoyer en  GET ou POST
    				beforeSend : function() { // traitements JS à faire AVANT l'envoi
    				// ajout d'un loader pour signifier l'action
    				$field.after('<img src="/search_instant/img/ajax-loader.gif" alt="image du loader" id="ajax-loader" /> ');
    				},				
    				success :  function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
     
    				$('#ajax-loader').remove(); // on enleve le loader
    				var resu= eval( '(' + data + ')');  // on récupere les données issus de la requete
     
    				mygrid.refresh(resu);
    						}
    				});
    		});
     
    }
     
    );

  2. #2
    Membre Expert
    Homme Profil pro
    Inscrit en
    Septembre 2009
    Messages
    875
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Septembre 2009
    Messages : 875
    Par défaut
    Euh, j'm'y connais pas trop, mais il me semble que tu veux juste ouvrir une page dans une nouvelle fenetre (s'du javascript).

    un truc du genre
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    window.open('.../afficherDetails.php?param1="idClient"&Param2="unAutreParam..")
    et tu récupères tes paramètres de l'url de la nouvelle fenetre pour afficher les bonnes informations.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Juin 2010
    Messages
    41
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2010
    Messages : 41
    Par défaut
    peut etre mais dans mon code ci dessus je ne vois pas du tout ou placer un windows.open, je debute, désolé

    merci

  4. #4
    Membre habitué
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2011
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2011
    Messages : 14
    Par défaut
    En fait, si tu veux afficher le résultat d'une requête dans une nouvelle page, l'AJAX n'est pas approprié. Tu dois directement ouvrir une page avec les paramètres GET qui vont bien grâce à la fonction window.open().

    Dans ton code, tu devras donc remplacer $.ajax par un window.open.

Discussions similaires

  1. Afficher un SITE web dans une autre page web
    Par ahimsa66 dans le forum Général Conception Web
    Réponses: 1
    Dernier message: 22/10/2015, 11h10
  2. Réponses: 6
    Dernier message: 05/03/2010, 22h07
  3. Réponses: 1
    Dernier message: 11/09/2007, 23h38
  4. 3 boutton submit dans une seule page web
    Par jack_1981 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/01/2006, 12h37

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo