php - AJAX/PHP form der laver ged i den! ( undefined index i returneret select liste fra ajax) - Udvikleren.dk

Tags: php ajax mysqli

Bruger #16555 @ 30.10.12 19:47

Kære alle,

Jeg troede jeg sad og lavede noget jeg havde nogenlunde styr på, men åbenbart ikke.

Default form:

1) Man vælger en radio btn, og herefter kører en onchange function, der henter enten mulige hovedsider, eller mulige undersider ( afhængigt af valg..) -> FRA LINIE 38

FORMEN ER HER:

PHP kode

 <?php
 include("./../MYSQL/connection.php");
 //error_reporting(0);
 $output     = false; // = Formen er ikke submitted
 $succes     = false;
 if (isset($_POST['pdf_submit'])) 
 { 
     // DATA FRA FORMEN:
     $temp         = $_FILES['pdf']['tmp_name'];
     $name         = $_FILES['pdf']['name'];
     $size         = $_FILES['pdf']['size'];
     $side_type    = $_POST['side_type'];
     $pos        = $_POST['placering'];
     $navn        = $_POST['navn'];
     
     $feedback     = upload_pdf( $connection, $temp, $name, $size, $side_type, $pos, $navn ); 
     $output     = true; // = Formen er submitted
     if ( $feedback[0] == '<small>Dokumentet er uploadet.<small>' ) { $succes = true; }
 } 
 ?>
 <h3 class="thin_headings">PDF modul</h3><br />
 <p><b>Upload pdf dokumenter her:</b></p><br /><hr /><br />
 <div class="tab_container_visible">
     <table class="tab_table">
     <form name="pdf" method="post" enctype="multipart/form-data" >
     <tr>
         <td class="tab_td_left">
             <p class="tab_p_bold">Vælg PDF:</p>
         </td>
         <td class="tab_td_right">
             <input type="file" name="pdf" id="pdf" />
         </td>
     </tr>
     <tr>
         <td class="tab_td_left">
             <p class="tab_p_bold">Vælg sidetype:</p>
         </td>
         <td class="tab_td_right">
         <input type="radio" name="hent_sider" value="hovedside" checked onchange="Hent_Sider_Til_PDF('hovedsider');" />
         <p style="display:inline; margin-right:25px;">Hovedside</p>
         <input type="radio" name="hent_sider" value="underside" onchange="Hent_Sider_Til_PDF('undersider');" />
         <p style="display:inline; margin-right:25px;">Underside</p>
         
         <span id="side_liste" style="margin-left:30px;">        
         <?php
     $SQL     = "SELECT id, link_titel FROM hovedsider WHERE publiceret = 'ja' ORDER BY placering ASC";
     $STMT    = mysqli_prepare($connection, $SQL);
     mysqli_stmt_execute($STMT);
     mysqli_stmt_store_result($STMT);
     mysqli_stmt_bind_result($STMT, $id, $hoved_link);
     $rows = mysqli_stmt_num_rows($STMT);
 
        echo '<select name="side_type" class="tab_form_select_wide" style="display:inline;" onChange="hent_position_til_pdf(\'hoved\',this.selectedIndex);">';
 
        echo '<option value="nej"> - Vælg en hovedside - </option>';
 
 while (mysqli_stmt_fetch($STMT)) {
 echo '<option value="'.$id.'">'.$hoved_link.'</option>';
 }
 echo '</select>';
 ?>                     
         </span>
   </td>      
         
     </tr>
     <tr>
         <td class="tab_td_left">
             <p class="tab_p_bold">Placering:</p>
         </td>
         <td class="tab_td_right">
          <span id="placeringer">   
             <select name="placering" id="placering" class="tab_form_select_wide">
                 <option value="nej"> - Vælg først en side - </option>
             </select>
          </span>
         </td>
     </tr>
     
     <tr>
         <td class="tab_td_left">
             <p class="tab_p_bold">Navn:</p>
         </td>
         <td class="tab_td_right">
             <input type="text" name="navn" id="navn" class="tab_form_txt" 
             value="<?php if ( $output == true && $succes == false ) { echo $navn; } ?>"/>
         </td>
     </tr>
     
     </table>
             <input type="submit" name="pdf_submit" class="tab_submit_btn" value="Upload PDF" />
             <span id="upload_pdf"><?php if ( $output == true) { echo $feedback[0]; } ?></span>
     </form>    
 </div>
 <br /><hr /><br />
 <span id="pdf_liste"><?php ?></span>

Javascript funktion der bliver kaldt via radio btn's, til at hente enten undersider eller hovedsider:

JScript kode

 function Hent_Sider_Til_PDF(side_type) {
     
   var qstring = "side_type="+side_type;
 
 // OPRET HTTP REQUEST:
   if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); }
   else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } 
 
   xmlhttp.onreadystatechange = function() 
   {    
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) 
      {
          setTimeout(function(){ document.getElementById("side_liste").innerHTML = 
         "<img src=\"styles/loader.gif\" width=\"26\" height=\"26\" style=\"display:inline;\" />" +
         "<p style=\"display:inline; margin-left:15px; font-size:17px;\">" + 
         "<b>Henter sider...</b></p>"; },100); 
         
         setTimeout(function(){ document.getElementById("side_liste").innerHTML = xmlhttp.responseText},800 );            
      }
    }
 xmlhttp.open("GET", "ajaxPHP/moduler/pdf_side_liste.php?"+qstring, true)
 xmlhttp.send()
 return false;        
 }

2) Når onchange funktionen er kørt fra en af radio btn's, så ser den php side der laver select listen med mulige sider således ud:

PHP kode

 <?php  
 // DB forbindelse:
 include("../../../MYSQL/connection.php");
 
 if (isset($_GET['side_type'])) {
     
 if($_GET['side_type'] == 'hovedsider') {    
 // Her hentes publicerede hovedsider:
         
 $SQL     = "SELECT id, link_titel FROM hovedsider WHERE publiceret = 'ja' ORDER BY placering ASC";
 $STMT    = mysqli_prepare($connection, $SQL);
 mysqli_stmt_execute($STMT);
 mysqli_stmt_store_result($STMT);
 mysqli_stmt_bind_result($STMT, $id, $hoved_link);
 $rows = mysqli_stmt_num_rows($STMT);
                 
 echo '<select name="side_type" class="tab_form_select_wide" style="display:inline;"
                     onChange="hent_position_til_pdf(\'hoved\',this.selectedIndex)">';
 echo '<option value="nej"> - Vælg en hovedside - </option>';
                 
 while (mysqli_stmt_fetch($STMT)) {
 echo '<option value="'.$id.'">'.$hoved_link.'</option>';
                 }
 echo '</select>';
 }
 else if($_GET['side_type'] == 'undersider') {    // Her hentes publicerede undersider:
         
 $SQL     = "SELECT id, hovedside_id, link_titel FROM undersider WHERE publiceret = 'ja' ORDER BY hovedside_id, placering ASC";
 $STMT    = mysqli_prepare($connection, $SQL);
 mysqli_stmt_execute($STMT);
 mysqli_stmt_store_result($STMT);
 mysqli_stmt_bind_result($STMT, $id, $hid, $under_link);
 $rows = mysqli_stmt_num_rows($STMT);
 
 echo '<select name="side_type" class="tab_form_select_wide" style="display:inline;" id="under" 
                 onChange="hent_position_til_pdf(\'under\',this.selectedIndex)">';                
 echo '<option value="nej"> - Vælg en underside - </option>';
 
 while (mysqli_stmt_fetch($STMT)) {            
 echo '<option value="'.$id.'">'.$under_link.' - '.$hid.'</option>';
 }
 echo '</select>';
 }
 }
 ?>

3)I denne liste der udskrives ovenover er der så en anden onchange function (LINIE 18 OG 36, ca.), der alt efter side valg, henter endnu en select liste frem, der viser mulige positioner til det pdf dokument der skal uploades til siden. PHP scriptet der laver listen med positioner ser således ud:

PHP kode

 <?php
 // DB forbindelse:
 include("../../../MYSQL/connection.php");
 
 if (isset($_GET['side_type']) && isset($_GET['id'])) {
 // print_r($_GET); exit();    
 // DATA:
 $side_type     = $_GET['side_type'];
 $side_id     = $_GET['id'];
     
 $sql     = "SELECT pos FROM modul_pdf WHERE side_id = ? AND side_type = ?";
 $prep    = mysqli_prepare($connection, $sql);
 mysqli_stmt_bind_param($prep, "is", $side_id, $side_type);
 mysqli_stmt_execute($prep);
 mysqli_stmt_store_result($prep);
 mysqli_stmt_bind_result($prep, $pos);
     
 $rows = mysqli_stmt_num_rows($prep);
     
 if (is_numeric($side_id))
 {
 echo '<select name="placering" id="placering" class="tab_form_select_wide">';
 for ( $i = 1; $i <= $rows + 1; $i++ ) 
 {
 echo '<option value="'.$i.'">'.$i.'</option>'; 
 }
 echo '</select>';
 }
 else
 {
 echo '<select name="placering" id="placering" class="tab_form_select_wide">
 <option value="nej"> - Vælg først en side - </option>
 </select>';        
         }
 } // SLUT: if (isset($_GET['side_type']) && isset($_GET['id'])) {
 ?>

Javascript funktion der bliver kaldt her:

JScript kode

 function hent_position_til_pdf(side_type,id) {
 
 var qstring = "side_type="+side_type+"&id="+id;
 //alert(qstring);
 // OPRET HTTP REQUEST:
   if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); }
   else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } 
   
   xmlhttp.onreadystatechange = function() 
   {    
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) 
      {
 setTimeout(function(){ document.getElementById("placeringer").innerHTML = 
 "<img src=\"styles/loader.gif\" width=\"26\" height=\"26\" style=\"display:inline;\" />" +
 "<p style=\"display:inline; margin-left:15px; font-size:17px;\">" + 
 "<b>Henter placeringer...</b></p>"; },100); 
 
 setTimeout(function(){ document.getElementById("placeringer").innerHTML = xmlhttp.responseText },800 );            
      }
    }
 xmlhttp.open("GET", "ajaxPHP/moduler/pdf_position.php?"+qstring, true)
 xmlhttp.send()
 return false;   
 }

Der sker det, at så snart jeg har vælgt en radio button, og subitter formen via php, så får jeg en undefined index i den $_POST værdi der skulle være sendt med den 1. select liste der indeholder enten hovedsider eller undersider.

Den samme undefined index fejl i $_POST, får jeg efter submit ved den sidste select liste der indeholder de mulige positioner for dokumentet.

Er der en der kan se, hvordan det kan være at der går ged i de select lister der bliver lavet og sendt tilbage til siden via AJAX.

PS: Den form der er der som default, virker fint nok: Der kan jeg godt tilgå $_POST værdierne uden at få fejl..

Jeg beklager den ringe formattering, men det var ikke nemt at indsætte alt det kode i editoren uden det kiksede lidt :-/

Spørg endelig hvis jeg kan gøre det mere tydeligt, eller jeg har udeladt nogen info!! :-)

/Klemme

Indlæg senest redigeret d. 30.10.2012 19:50 af Bruger #16555

5 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #10216 @ 30.10.12 20:50

4.283

Hvad er den eksakte fejlmeddelse?

Bruger #16555 @ 30.10.12 21:08

Notice: Undefined index: side_type in C:\wamp\www\elvir\backend\includes\pdf.php on line 12

og

Notice: Undefined index: placering in C:\wamp\www\elvir\backend\includes\pdf.php on line 13

Linie 12: $side_type = $_POST['side_type'];

Linie 13: $pos = $_POST['placering'];

Får disse fejl, hvis jeg har kaldt begge ajax funktionerne.

Hvis jeg f.ek.s alert(xmlHTTP.responsetext), så ser jeg faktisk koderne til select listerne, og de ser fine ud, med values osv.

Men jeg kan ikke rigtig få adgang til $_POST data til de select lister der hentes via ajax efter submit, nogen erfaringer/ideer til det?

Indlæg senest redigeret d. 30.10.2012 21:10 af Bruger #16555

Bruger #10216 @ 30.10.12 21:32

4.283

Dine XHR kald er GET requests, derfor er dine værdier ikke til rådighed i $_POST. De vil formentlig være at finde i $_GET, hvis du sender dem som query parametre (det der står efter ?) i din URL.

Jeg vil anbefale at du bruger jQuery, og at du kigger på jQuery's Ajax metode http://api.jquery.com/jQuery.ajax/, der kan nemmere styre dine XHR kald, og hvilken request type de skal benytte.

Bruger #13010 @ 31.10.12 00:18

440

"Undefined index" betyder at indexet ikke er sat... endnu.

Så før du bruger et index fra $_POST så test om det findes.

PHP kode

 if (isset($_POST['side_type'])) {
    $side_type = $_POST['side_type'];
 }

Indlæg senest redigeret d. 31.10.2012 00:22 af Bruger #13010

Bruger #16555 @ 31.10.12 16:39

@Michael larsen:

Ja det er $_GET request når jeg sender info til php filen, der så tilbage sender en select liste.

Men jeg submitter jo ikke formen over AJAX, jeg indsætter blot en anden/ny select liste i formen, med den information der er relevant, og submitter så efterfølgende hele formen via $_POST.

Mit problem er jo så at jeg ikke kan få adgang til de ny-indsatte select listers $_POST værdi.

Igen, hele formen submittes via $_POST, og $_GET benytter jeg bare til at opdatere formens indhold med.

At jeg henter de nye select lister ind via $_GET og opdaterer formens indhold, har vel ikke indflydelse på hvorvidt jeg kan modtage disses $_POST værdier? Håber jeg giver mening!

@scootergrisen:

Det er ikke så meget det mit spørgsmål går ud på/handler om..Jeg tjekker om formen er submitted som det første, og så har jeg lavet en funktion der varetager validering og upload osv osv.

@Alle:

Jeg kan se at de nye select lister der indhentes via AJAX bliver en del af siden, men jeg kan bare ikke få adgang til deres $_POST værdier, når jeg submitter formen.

Nogen tanker er meget velkomne, da det er lige det sidste jeg mangler at lave til en opgave... :-)

***** UPDATE MED ET MERE SIMPELT EKSEMPEL: *****]

Jeg prøver lige igen, med et mindre eksempel..:

Jeg har en form, og efter der er klikket på en radio button, kører der et AJAX kald, som henter en select liste ind på et bestemt sted i formen.

Det virker helt fint, og den nye select liste der er hentet via AJAX vises fint, og er opdateret med de informationer som der skal være.

Når jeg så submitter formen, kan jeg ikke få adgang til $_POST værdien, i den select liste der er hentet ind i formen.

Her er mit PHP script, der kaldes via AJAX, og som udskriver den select liste jeg ikke kan få adgang til:

PHP kode

 <?php  
 // DB forbindelse:
 include("../../../MYSQL/connection.php");
 
 if (isset($_GET['side_type'])) {
 //var_dump($_GET);    
 if($_GET['side_type'] == 'hovedsider') {// Her hentes publicerede hovedsider:
         
 $SQL     = "SELECT id, link_titel FROM hovedsider WHERE publiceret = 'ja' ORDER BY placering ASC";
 $STMT    = mysqli_prepare($connection, $SQL);
 mysqli_stmt_execute($STMT);
 mysqli_stmt_store_result($STMT);
 mysqli_stmt_bind_result($STMT, $id, $hoved_link);
 $rows = mysqli_stmt_num_rows($STMT);
                 
 echo '<select name="side_type" class="tab_form_select_wide" style="display:inline;" onChange="hent_position_til_pdf(\'hoved\',this.selectedIndex)">';
 
 echo '<option value="nej"> - Vælg en hovedside - </option>';
                 
 while (mysqli_stmt_fetch($STMT)) {
                     
 echo '<option value="'.$id.'">'.$hoved_link.'</option>';
 }
 echo '</select>';
 }
     else if($_GET['side_type'] == 'undersider') {    
 // Her hentes publicerede undersider:
         
 $SQL     = "SELECT id, hovedside_id, link_titel FROM undersider WHERE publiceret = 'ja' ORDER BY hovedside_id, placering ASC";
 $STMT    = mysqli_prepare($connection, $SQL);
 mysqli_stmt_execute($STMT);
 mysqli_stmt_store_result($STMT);
 mysqli_stmt_bind_result($STMT, $id, $hid, $under_link);
 $rows = mysqli_stmt_num_rows($STMT);
 
 echo '<select name="side_type" class="tab_form_select_wide" style="display:inline;" id="under" onChange="hent_position_til_pdf(\'under\',this.selectedIndex)">';                
 echo '<option value="nej"> - Vælg en underside - </option>';
 
 while (mysqli_stmt_fetch($STMT)) {            
 echo '<option value="'.$id.'">'.$under_link.'</option>';
 }
 echo '</select>';
 }
 }
 ?>

Så afhængigt af hvilken radio button der er klikket på, så tjekker jeg i dette script om value var enten 'hovedsider' eller 'undersider', og udskriver en select liste, som indsættes i formen.

Jeg kan godt se select listen, men når jeg vil submitte formen med denne nye select liste, får jeg en undefined index 'side_type', fejl fra php.

Hvordan kan det være at jeg godt kan gennemføre AJAX kaldet, og hente en ny select liste til siden, som vises fint, men ikke få adgang til dennes value via $_POST efter formen er submitted?

Jeg håber det er mere overskueligt forklaret end før :-)

/Klemme

Indlæg senest redigeret d. 31.10.2012 18:27 af Bruger #16555

AJAX/PHP form der laver ged i den! ( undefined index i returneret select l...

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler