Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: tecasoft en 24 Octubre 2015, 04:17 am



Título: problema en javascript para pasar por ajax
Publicado por: tecasoft en 24 Octubre 2015, 04:17 am
buenas mi nombre es sergio tengo un problema al recojer datos de un formulario y pasarlo a ajax, utilizo firefox, estoy utilizando la dev tools y me muestra que no existen datos, a que se debe, que estoy haciendo mal?

ajax_partes.php esto me carga en la pagina barcos.php
Código
  1. <br>
  2. <span>Cantidad:</span><span>Ancho:&nbsp;&nbsp;&nbsp;&nbsp;</span><span>Ancho:&nbsp;&nbsp;&nbsp;</span><span>Largo:&nbsp;&nbsp;&nbsp;</span>
  3. <form name="form_partes">
  4.  
  5. <?php
  6. foreach($fila3 as $value){
  7. echo "<input type='text' size='5' name='cantidad' value=\"".$value['cantidad']."\">
  8. <input type='text' size='5' name='ancho[]' value=\"".$value['ancho']."\">
  9. <input type='text' size='5' name='ancho2[]' value=\"".$value['ancho2']."\">
  10. <input type='text' size='5' name='largo[]' value=\"".$value['largo']."\"><br>";
  11.  
  12.  
  13. }
  14.  
  15. ?>
  16.  
  17.  
  18. </form>
  19.  
  20.  

barcos.php aqui es donde se tiene que mostrar todos los datos parece que carga utilizando la dev tools me muestra los campos del form pasados por ajax, pero no me valida el javascript me dice que no existen datos    var str=document.forms["form_partes"]["cantidad"].value;
Código
  1. <div id="partes">
  2.  
  3.  
  4. </div>
  5.  
  6. <div id="p_scents">
  7.  
  8.  
  9. </div>
  10.  
  11. <button class='add-mod-del_clientes' onclick="visualizar_partes()">Visualizar datos</button>
  12.  
  13. <a href="#" class="add-mod-del_clientes"id="addScnt">Añadir + medidas</a>
  14.  
  15. <div id="visualizar_partes">
  16.  
  17. </div>
  18.  
  19. <script>
  20. function visualizar_partes() {
  21.  
  22. var str=document.forms["form_partes"]["cantidad"].value;
  23.  
  24. if(str.length==0)
  25. {
  26. document.getElementById("visualizar_partes").innerHTML="no hay datos";
  27. return;
  28. }
  29.  
  30.  var xhttp = new XMLHttpRequest();
  31.  xhttp.onreadystatechange = function() {
  32.    if (xhttp.readyState == 4 && xhttp.status == 200) {
  33.      document.getElementById("visualizar_partes").innerHTML = xhttp.responseText;
  34.    }
  35.  }
  36.  xhttp.open("GET", "ajax_visualizar_partes.php?cantidad="+str, true);
  37.  xhttp.send();
  38. }
  39. </script>
  40.  

ajax_visualizar_partes.php
Código
  1. $cantidad=$_GET['cantidad'];
  2. $ancho=$_GET['ancho'];
  3.  
  4. echo $cantidad;
  5. echo "<br>";
  6. echo $ancho;
  7.  
  8.