elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Estamos en la red social de Mastodon


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  PHP (Moderador: #!drvy)
| | | |-+  Obtener datos de INPUT-TEXT usando javascript, pasarlos a funcion php con ajax
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Obtener datos de INPUT-TEXT usando javascript, pasarlos a funcion php con ajax  (Leído 3,923 veces)
demonstrator

Desconectado Desconectado

Mensajes: 19


Ver Perfil
Obtener datos de INPUT-TEXT usando javascript, pasarlos a funcion php con ajax
« en: 5 Septiembre 2014, 19:43 pm »

Saludos tengo el siguiente codigo y estoy tratando de pasar unos datos de unos input-text a con javascript a una funcion php a traves de ajax y ejecutar esa funcion para obetener los datos sin tener que dar submit a la pagina hasta ahora este es el codigo que tengo:

Código
  1. <?php //funcion que realiza la consulta y hace la comparacion de los datos que llegan de los input-text
  2. function realizaconsulta2(){
  3. $result1=mysql_query("SELECT stock_name AS nombre, SUM(quantity) AS cantidad FROM stockut3.stock_sales WHERE '{$_POST['stock_name']}' LIKE '%{$_POST['stock_name']}%' and due='1969-12-31' AND stock_name!='' GROUP BY stock_name");
  4.  
  5.  
  6. $result2=mysql_num_rows($result1);
  7. $stockname=$_POST['stock_name'];
  8. $cant=$_POST['quty'];
  9.  
  10.  
  11.  
  12. $reing2 = array('nombre' => $stockname, 'cantidad' => $cant);
  13.  
  14.  
  15. while($result2 = mysql_fetch_assoc($result1)) {
  16.  
  17. foreach($reing2["nombre"] as $key => $value){
  18. if($value == $result2['nombre']){
  19. if($reing2["cantidad"][$key] > $result2["cantidad"]){
  20. $maximo = $result2["cantidad"];
  21. $minimo = $reing2["cantidad"][$key];
  22. }else {
  23. $maximo = $reing2["cantidad"][$key];
  24. $minimo = $result2["cantidad"];
  25. }
  26. }}
  27.  
  28.  
  29.  
  30. if ($minimo!=$result2['cantidad']){
  31.  
  32.  
  33. $minimo=$_POST['minimo'];
  34. $maximo=$_POST['maximo'];
  35.  
  36. }}}
  37.  
  38. ?>
  39.  
  40. [code=javascript]     <!--rutina javascript y ajax-->
  41. <script type="text/javascript" src="js/jquery.min.js"></script>
  42.  
  43. <script>
  44.  
  45. function realizaconsulta1(stockname1, cant1){
  46.  
  47.        var parametros = {
  48.  
  49.                "stockname1" : stockname1,
  50.  
  51.                "cant1" : cant1,
  52.  
  53.        };
  54.  
  55.        $.ajax({
  56.  
  57.                data:  parametros,
  58.  
  59.                url:   'agregar_reingreso.php.php',
  60.  
  61.                type:  'post',
  62.  
  63.                beforeSend: function realizaconsulta2() {
  64.  
  65.                        $("#realizaconsulta2").html("Procesando, espere por favor...");
  66.  
  67.                },
  68.  
  69.                success:  function (response) {
  70.  
  71.                        $("#realizaconsulta2").html(response);
  72.  
  73.                }
  74.  
  75.        });
  76. }
  77.  
  78. </script>
  79.  
Código
  1. <!--formularios con los input text y el boton de envio-->
  2.  
  3. <td>&nbsp;</td>
  4.                        <td><input name=""  type="text" id="item"  maxlength="200"  class="round default-width-input " style="width: 150px"   /></td>
  5.  
  6.                        <td><input name=""  type="text" id="quty"  maxlength="200"   class="round default-width-input my_with" onKeyPress="quantity_chnage(event);return numbersonly(event);" onkeyup="total_amount();unique_check()"    /></td>
  7.  
  8. <form action="" method="post" name="numero1"">
  9.  
  10. </form><!--boton para realizar proceso ajax-->
  11. <input name="" type="button" href="javascript:;" onclick="realizaconsulta1($('#item').val(), $('#quty').val());return false;" value="Consulta" class="my_button round red   text-upper" >
  12. <br/>
  13. Resultado: <span id="realizaconsulta2">0</span>
  14. </form>
[/code]


En línea

EFEX


Desconectado Desconectado

Mensajes: 1.171


"Dinero Facil"


Ver Perfil WWW
Re: Obtener datos de INPUT-TEXT usando javascript, pasarlos a funcion php con ajax
« Respuesta #1 en: 6 Septiembre 2014, 17:32 pm »

Y cual es el problema? podes ver los errores js con la consola de los navegadores. En FF Ctrl + Shift + K en Chrome F12.

Ya que estas usando jquery no uses onclick, con jquery lo podes hacer de esta forma
Código
  1. $( document ).ready(function() {
  2. //Se cargaron todos los elementos DOM
  3. $('#botonFormularioSubmit').on('click', function(){  //Al hacer click sobre el boton del formulario..
  4. var stockname1 = $('#item').val(),
  5. cant1 = $('#quty').val(),
  6. parametros = {
  7. "stockname1" : stockname1,
  8. "cant1" : cant1,
  9. };
  10.  
  11. $.ajax({
  12. data:  parametros,
  13. url:   'agregar_reingreso.php.php',  //Ese es el nombre del archivo? estas seguro?
  14. type:  'post',
  15. beforeSend: function () {
  16. $("#realizaconsulta2").html("Procesando, espere por favor...");
  17. },
  18. success:  function (response) {
  19. $("#realizaconsulta2").html(response);
  20. }
  21. });
  22. });
  23.  
  24. });
  25.  

https://api.jquery.com/ready/
https://api.jquery.com/on/

Código
  1. <input name="" type="button" href="#" id="botonFormularioSubmit" value="Consulta" class="my_button round red   text-upper" >

Y por utlimo fijate los parametros que envias(js) y obtenes(php) no tienen el mismo nombre, podes tambien verlo con la consola cuando haces la consulta.


En línea

demonstrator

Desconectado Desconectado

Mensajes: 19


Ver Perfil
Re: Obtener datos de INPUT-TEXT usando javascript, pasarlos a funcion php con ajax
« Respuesta #2 en: 8 Septiembre 2014, 16:21 pm »

ok ok jejejeje se me habia pasado esa parte del
Código
  1. url:   'agregar_reingreso.php.php',
al parecer el problema estaba en esta parte y claro la parte de los parametros que envio lo implementare y ya te comento muchisimas gracias por tu ayuda EFEX
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines