Code html de toute la page dans la réponse xmlhttp

**iguane121** · 23/11/2024, 18h46

Bonjour,

J'ai un fichier functions.js avec une fonction selectSession :

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
function selectSession(uid, session, isChecked){
  var xmlhttp;
  xmlhttp = createRequestObject();
  xmlhttp.open('post','sendSelectSession.php',true);
  xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  xmlhttp.onreadystatechange = function(){
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
      var reponse = xmlhttp.responseText;
      //document.getElementById('subProfile').innerHTML = reponse;
      alert(reponse);
    }
  }
  xmlhttp.send("uid="+escape(uid)+"&session="+escape(session)+"&isChecked="+escape(isChecked));
  return false;
}

Et le code de la page sendSelectSession.php :

Code :

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

1
2
3
4
5
6
7
<?php
session_start();
header('Content-type: text/html; charset=utf-8');
require("config.php");
echo "TEST";
$con = null;
?>

Lorsque la fonction est appelée, j'ai une popup qui affiche tout le code html de la page d'appel au lieu de "TEST".
A noter, j'utilise d'autres fonctions construites de la même manière qui fonctionnent correctement.

Auriez-vous une idée svp ?

**Toufik83** · 23/11/2024, 19h04

Bonjour,

Peut être qu'il y a une erreur au niveau PHP et ajax te le renvoie sous forme de texte.

Tu peux copier/coller le texte retourné ? je ne sais pas si on peut le copier directement depuis l'alert ou pas, sinon tu remplaces alert par console.log pour voir tout le texte .... .

**iguane121** · 23/11/2024, 19h55

Voici la réponse dans l'alert :

Code html :

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
<!DOCTYPE html>
<html lang="fr">
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta http-equiv="Cache-Control" content="max-age=259200" />
      <meta property="og:image:height" content="757"/>
      <meta property="og:image:width" content="757"/>
      <meta property="og:type" content="website"/>
      <meta property="og:image:type" content="image/webp"/>
      <title>Saison 2025</title>
      <link rel="preload" href="/functions.js" as="script">
      <link rel="preload" href="/style.css" as="style">
      <link rel="shortcut icon" type="image/png" href="/img/favicon32.png" />
      <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon16.png" />
      <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon32.png" />
      <link rel="icon" type="image/png" sizes="48x48" href="/img/favicon48.png" />
      <link href="/style.css" rel="stylesheet" type="text/css" media="all" />
   </head>
   <body>
      <div id="container">
         <div id="header">
            <img src="/img/my-logo.webp" id="header-logo-img"/>
            <a class="imgLnk" id="header-lnk" href="/profile/guest"><img src="/photo/11717401484.jpg" id="header-profile-img" alt="Image de profil"/></a>
         </div>
         <div id="header-info" onclick="javascript:closeInfo(); return false;" style="margin:-2px 0px 0px 0px; padding:0px; visibility:hidden; height:0px; lineHeight:0px"></div>
         <div id="menu">
            <span id="menu-ranking"><a class="lnk" href="/ranking">Classement</a></span> |
            <span id="menu-prog"><a class="lnk" href="/calendar">Programme</a></span>
            <span id="menu-logout"><a class="imgLnk" href="#" onclick="javascript:logout(); return false;"><img id="menu-logout-img" src="/img/logout.svg" /></a></span>
            <span id="menu-help"><a class="imgLnk" href="/help"><img src="/img/help.png" id="menu-help-img"/></a></span>
            <span id="menu-notif"><a class="imgLnk" href="/news"><img src="/img/notif.png" id="menu-notif-img"/></a></span>
         </div>
         <div id="msgZone" onclick="javascript:hide('msgZone');"></div>
         <div id="pari">
            <div id="submenuProfile">
               <span id="submenu-profile-active">Stats</span>
            </div>
            <div id="subHeaderProfile">
               <div style="float:left;width:100%; margin-top:10px; line-height:70px;">
                  <div style="float:left; width:25%; margin-left:20px; max-width:90px; text-align:left; font-size:1.7em"><img src="/photo/default/default.png" id="profile-img"/></div>
                  <div style="float:left; width:60%; font-size:1.7em"></div>
               </div>
            </div>
            <div class="clear">&nbsp;</div>
            <div id="subProfile">
               <div style="margin-left:25%; float:left;width:20%; margin-top:3px; max-width: 330px;text-align:center;">
                  <input style="float:left; vertical-align:top; width:20px; height:20px;" onchange="javascript:selectSession(,1,1); return false;" type="checkbox" id="isS1" name="isS1" />
                  <label style="float:left; padding-left:3px; font-size:1.0em;" for="isQ2">Q2</label>
               </div>
               <div style="float:left;width:20%; margin-top:3px; max-width: 330px;text-align:centerisS2
                  <input style="float:left; vertical-align:top; width:20px; height:20px;" onchange="javascript:selectSession(,2,1); return false;" type="checkbox" id="isS2" name="isS2" />
                  <label style="float:left; padding-left:3px; font-size:1.0em;" for="isSpr">SPR</label>
               </div>
               <div style="float:left;width:20%; margin-top:3px; max-width: 330px;text-align:center;">
                  <input style="float:left; vertical-align:top; width:20px; height:20px;" onchange="javascript:selectSession(,3,1); return false;" type="checkbox" id="isS3" name="isS3" />
                  <label style="float:left; padding-left:3px; font-size:1.0em;" for="isRac">RAC</label>
               </div>
               <div class="clear" style="margin-bottom:10px;">&nbsp;</div>
            </div>
         </div>
      </div>
   </body>
</html>
<script type="application/javascript" charset="utf-8" src="/functions.js"></script>

**Toufik83** · 23/11/2024, 23h18

Bonjour,

Le texte ne contient aucun message d'erreur, pourtant je vois des erreurs de syntaxe HTML et JS aussi , on voit que la chaîne a été coupée à la ligne 52 comme c'est montré par la couleur syntaxique, et au niveau JS le premier paramètre "uid" n'est plus affiché ici onchange="javascript:selectSession(,2,1); return false;"... je ne sais pas mais normalement tu dois avoir des erreurs JS dans la console du navigateur, tu les a vérifiés ?

**iguane121** · 23/11/2024, 23h27

Je n'ai pas d'erreur dans la console, lorsque j'utilise l'inspecteur de code, j'ai bien tous mes paramètres dans la fonction selectSession

Nom : console.png
Affichages : 26
Taille : 13,8 Ko

Nom : console.png
Affichages : 26
Taille : 13,8 Ko

Mais effectivement lorsque je clique sur ma checkbox qui déclenche la fonction, cela renvoie le code html dans la popup à l'identique de la page d'appel, excepté le premier paramètre qui est vide (au lieu de renvoyer "TEST")

Code html de toute la page dans la réponse xmlhttp

AJAX

Discussions similaires

Partager

Partager