Interpréter les scripts de la réponse

Version imprimable

Bonjour,

J'aimerais savoir comment faire pour inclure les informations dans la div de la page A ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$().ready(function() {
    $.ajax({
        type: 'GET',
        url: 'pageB.htm',
        success: function(data) {
            var response = data;
            var extrScript = /\<script.*?>(.*)<\/script>/mg;
            htmlrep = response.replace(reScript, function(html,myscript) {
              eval(myscript); // lancement du script 
            });
 
            $('#divPageA').html(htmlrep);
        },
        error: function(data) {
            alert('La page cible ne répond pas');
        }
    });
});

$('#divPageA').html(htmlrep); n'affiche rien. Quelle est la bonne synthaxe svp? merci !

28/01/2013, 15h48
Bovino

Un simple

Code:

dataType: 'html',

dans les paramètres permet de faire faire ça directement par jQuery.

Ca me l'affiche bien dans le console.log mais rien dans le code html :
index.php

Code:

<div id="maps_list"></div>

script.js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
    $('.choix').live("click", function() {
	var element = $(this).attr("id");
	       $.ajax({
            type : 'GET', // envoi des données en GET ou POST
            url : 'plan.php', // url du fichier de traitement
	   dataType: 'html',
            data : 'element_id=' + element, // données à envoyer en  GET ou POST
            success : function(data) {
			var response = data;
			var extrScript = /\<script.*?>(.*)<\/script>/mg;
			htmlrep = response.replace(extrScript, function(html,myscript) {
				eval(myscript); // lancement du script 
			});
		    $("#maps_list").html(htmlrep);
			$('#consult').hide();
            }
        });
    });

plan.php

Code:

1
2
3
4
5
<div id="carte" style="width:100%; height:100%;margin-left:25px auto;"></div>
	<script type="text/javascript">
		function initialiser() {
....
</script>

Quand je fais
console.log (htmlrep) j ai bien le contenu de la page plan.php

mais dans le code source j ai rien . Je vois pas mon erreur : /

28/01/2013, 16h33
Bovino

Mais ton data, il contient quoi ?
Juste un script ou un script dans du HTML ?
Et tu veux faire quoi au juste ?
Juste récupérer le script ou utiliser tout le contenu de la réponse ?
28/01/2013, 16h46
tawba

Le data contient du code html et une fonction Javascript.
Je veux inclure une div avec une fonction javascript qui a des variables dynamiques que j ai récupérer dans ma base de données.
oui, je souhaite utiliser tout le contenu de la réponse.
28/01/2013, 16h52
Bovino
Dans ce cas
Code:

1 2 3 4 5 dataType: 'html', success : function(data) { $("#maps_list").html(data); $('#consult').hide(); }
devrait être suffisant !
http://api.jquery.com/jQuery.ajax/#jQuery-ajax-settings partie dataType...
28/01/2013, 17h03
tawba

quand j'ai fais ca ca m'a juste afficher le code html et pas la fonction javascript. En fait c'est le même soucis qu'avait posté la 1ere personne. Juste j'ai des problèmes sur la récupération de données contenant les balises <script> ....</script>

Je vais essayer de voir si je peux pas faire autrement. En tout cas merci !
28/01/2013, 21h49
danielhagnoul

Pour charger et exécuter un script, on doit utiliser $.getScript().