AJAX: données incompréhensibles après l'élément de document [Résolu]

[kamclasse]

bonjour à toutes et à tous,

j'ai une page dans laquelle j'ai un code ajax jquery qui fait appelle à une autre page :

page 1

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
 
 
	<link rel="stylesheet" href="../jquery.treeview.css" />
	<link rel="stylesheet" href="screen.css" />
 
	<script src="../lib/jquery.js" type="text/javascript"></script>
	<script src="../lib/jquery.cookie.js" type="text/javascript"></script>
	<script src="../jquery.treeview.js" type="text/javascript"></script>
 
<script type="text/javascript" src="demo.js"></script>
 
<script type="text/javascript">
$(document).ready(function(){
	$('.folder').click(function(){
				//alert($(this).html());
				var classFol=$(this);
                     $.ajax({
                        type: "POST",
 
                        url: "niveau1.html",
						dataType: "script",
 
 
                        data: "",
 
                        success: function(msg){
                        //alert( "Data Saved: " + classFol.html());
						classFol.parent().find('.niveau1').html(msg);
 
                           }
                     });
 
 
 
				 });
	});
	</script>
 
 
 
<div id="main">
 
	<h4>Sample 1 - default</h4>
	<ul id="browser" class="filetree">
		<li class="closed"><span class="folder">Folder 2</span>
			<ul class="niveau1 filetree">
 
            </ul>
		</li>
 
	</ul>
 
</div>

la 2eme page:

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
41
42
43
 
 
				<li><span class="folder">Subfolder 2.1</span>
					<ul id="folder21">
						<li><span class="file">File 2.1.1</span></li>
						<li><span class="file">File 2.1.2</span></li>
					</ul>
                    <ul class="niveau1 filetree"></ul>
				</li>
 
<script src="../lib/jquery.cookie.js" type="text/javascript"></script>
<script src="../jquery.treeview.js" type="text/javascript"></script>
 
<script type="text/javascript" src="demo.js"></script>			
<script type="text/javascript">
<!--
$(document).ready(function(){
	$('.folder').click(function(){
				//alert($(this).html());
				var classFol=$(this);
                     $.ajax({
                        type: "POST",
 
                        url: "niveau1.html",
 
                        data: "typeP=ok",
 
		 				dataType: "script",
 
                        success: function(msg){
                        //alert( "Data Saved: " + classFol.html());
						classFol.parent().find('.niveau1').html(msg);
 
                           }
                     });
 
 
 
				 });
	});
 
-->
	</script>

mon prob est que ce code génère cette erreur :

Code :

1
2
3
 
données incompréhensibles après l'élément de document
<script src="../lib/jquery.cookie.js" type="text/javascript"></script>

merciiiiii d'avance

[SpaceFrog]

heu tu as un ajax dans le fichier appelé ?

[kamclasse]

merciiiii pour votre réponse,

je fait appel à cette page :

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
41
42
43
 
 
	<li><span class="folder">Subfolder 2.1</span>
					<ul id="folder21">
						<li><span class="file">File 2.1.1</span></li>
						<li><span class="file">File 2.1.2</span></li>
					</ul>
                    <ul class="niveau1 filetree"></ul>
				</li>
 
<script src="../lib/jquery.cookie.js" type="text/javascript"></script>
<script src="../jquery.treeview.js" type="text/javascript"></script>
 
<script type="text/javascript" src="demo.js"></script>			
<script type="text/javascript">
<!--
$(document).ready(function(){
	$('.folder').click(function(){
				//alert($(this).html());
				var classFol=$(this);
                     $.ajax({
                        type: "POST",
 
                        url: "niveau1.html",
 
                        data: "typeP=ok",
 
		 				dataType: "script",
 
                        success: function(msg){
                        //alert( "Data Saved: " + classFol.html());
						classFol.parent().find('.niveau1').html(msg);
 
                           }
                     });
 
 
 
				 });
	});
 
-->
	</script>

merciiiiii

[SpaceFrog]

oui donc en clair tu espères que le js dans le retour soit interprété ?

[w3ar3dus1]

Si j'ai bien compris tu veut appeller une page 2 en ajax qui doit renvoyer du html à la page 1.

Tu ne peut pas appeller en AJAX une page2 qui va modifier le contenu de page1. Par contre tu peut appeller en AJAX une page2, puis dans la page1 traiter les données ainsi renvoyées.
Pourquoi alors, ta page2 n'a pas simplement ton html. Puis dans la page 1 tu récupère dans l'AJAX success les données pour les insérées.