AJAX - Como pasar el valor de un ID a una variable PHP

 
Vista:
Imágen de perfil de Yerlyn
Val: 21
Ha mantenido su posición en AJAX (en relación al último mes)
Gráfica de AJAX

Como pasar el valor de un ID a una variable PHP

Publicado por Yerlyn (12 intervenciones) el 03/12/2018 17:43:02
hola llevo ya varios dias con este problema y he consultado por todos lados y nadie sabe ayudarme estoy realizando una pagina en donde quiero que el usuario pueda escoger una opcion y dependiendo de la opcion aparezcan otras opciones(select multiple) y que las opciones que el usuario escoja yo las pueda almacenar en una variable php para luego almacenarla en la BD,esto lo estoy haciendo con php y ajax mi problema es en el ajax ya que no puedo pasar el valor almacenado en el ID y llevarlo a PHP


dejo el codigo php

envio.php

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>empresa</title>
  <link rel="stylesheet" href="style.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
 
  </script>
 
</head>
<body>
  <?php
  session_start();
 
  ?>
  <div class="logo">
    <img src="img/logo.jpg">
  </div>
 
  <header>
    <nav class="navegacion">
      <ul class="menu">
        <li><a href="">Envio de Sangre</a></li>
        <li><a href="soli_despacho.php">Despacho </a></li>
          <li><a href="stacces.php">Servicios en Transitos</a></li>
      </ul>
    </nav>
  </header>
<center>
  <h1 style="font-size: 16px;">Envio de sangre</h1><br><br>
 
  <h2>Envio de Sangre Completa</h2><br><br>
<div class="container">
    <div class="row">
      <div class="col-md-4">
          <p>Cantidad de coolers
          <select id="cantidad" name="cantidad" class="form-control">
          </select>
        </p>
      </div>
      <div class="col-md-4">
        <p>Coolers
        <select id="coolers" name="coolers" class="form-control">
        </select>
      </p>
      </div>
      <div class="col-md-4">
        <p><br><button id="enviar" type="submit" class="btn btn-default btn-block">Enviar</button></p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4">
        <p><b>El resultado es: </b></p><p id="resultado1"></p>
 
      </div>
    </div>
  </div>
 
   <script type="text/javascript" src="js/index.js"></script>
 
  </center>
</body>
</html>


este es el codigo ajax

index.js

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
$(document).ready(function(){
  $.ajax({
    type: 'POST',
    url: 'cargar_listas.php'
  })
  .done(function(listas_rep){
    $('#cantidad').html(listas_rep)
  })
  .fail(function(){
    alert('Hubo un errror al cargar la cantidad')
  })
 
  $('#cantidad').on('change', function(){
    var id = $('#cantidad').val()
    $.ajax({
      type: 'POST',
      url: 'cargar_coolers.php',
      data: {'id': id}
    })
    .done(function(listas_rep){
      $('#coolers').html(listas_rep)
    })
    .fail(function(){
      alert('Hubo un errror al cargar los coolers')
    })
  })
 
  $('#enviar').on('click', function(){
    var resultado = 'Cantidad: ' + $('#cantidad option:selected ').text() +
    ' Coolers elegido: ' + $('#coolers option:selected').text()
    $('#resultado1').html(resultado);
 
    $.post( "pagina.php", {resultado:resultado});
  });
 
});

estos los archivos de procesos

cargar_listas.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
require_once 'conexion2.php';
function getListasRep(){
  $mysqli = getConn();
  $query = 'SELECT * FROM `cantidad`';
  $result = $mysqli->query($query);
  $listas = '<option value="0">Elige cantidad</option>';
 
  while($row = $result->fetch_array(MYSQLI_ASSOC)){
    $listas .= "<option value='$row[id]'>$row[cantidad]</option>";
 
  }
  return $listas;
}
echo getListasRep();
?>

cargar_coolers.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
require_once 'conexion2.php';
function getVideos(){
  $mysqli = getConn();
  $id = $_POST['id'];
  $query = "SELECT * FROM `coolers` WHERE id_lista = $id";
  $result = $mysqli->query($query);
  $videos = '<option value="0">Elige una opción</option>';
  while($row = $result->fetch_array(MYSQLI_ASSOC)){
    $videos .= "<option value='$row[id]'>$row[cooler]</option>";
 
  }
  return $videos;
}
echo getVideos();
?>


y este es el archivo php a donde estoy enviando el id para pasarlo a php

pagina.php

1
2
3
4
5
6
<?php
 
	$resultado = $_POST["resultado"];
	print($resultado);
 
?>

aclaro un poco lo que hace el codigo, la funcion del codigo es darle al usuario escoger una opcion y dependiendo de que elija saldran otras opciones el funcionamiento del Select esta completamente bien y el de el AJAX igual esta perfecto ahora en funcion del ajax al fina esta este codigo

1
2
3
4
$('#enviar').on('click', function(){
    var resultado = 'Cantidad: ' + $('#cantidad option:selected ').text() +
    ' Coolers elegido: ' + $('#coolers option:selected').text()
    $('#resultado1').html(resultado);

aqui es donde asigo a RESULTADO como la variable que contendra todos los valores selecionado y son pasados al id en esta parte $('#resultado1').html(resultado);

yo quiero poder pasar los valores que estan almacenados en id para convertirlos en una variable y para eso utilizo la siguiente funcion

1
$.post( "pagina.php", {resultado:resultado});

pero me voy a PAGINA.PHP(url) y me dice esto

Notice: Undefined index: resultado in C:\xampp\htdocs\empresa\pagina.php on line 3

de verda que he intentado de todo para pasar la variable por la url y nada me funciona no quiero desistir del codigo porq ya tengo la mayor parte echo y solo falta es detalle d pasar los datos a php si me pueden ayudar estare atento a sus respuestas
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder