Obtener datos de INPUT-TEXT usando javascript, pasarlos a funcion php con ajax

Iniciado por demonstrator, 5 Septiembre 2014, 19:43 PM

0 Miembros y 1 Visitante están viendo este tema.

demonstrator

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 (php) [Seleccionar]
<?php //funcion que realiza la consulta y hace la comparacion de los datos que llegan de los input-text
function realizaconsulta2(){
$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");


$result2=mysql_num_rows($result1);
$stockname=$_POST['stock_name'];
$cant=$_POST['quty'];



$reing2 = array('nombre' => $stockname'cantidad' => $cant);

 
while($result2 mysql_fetch_assoc($result1)) { 

foreach(
$reing2["nombre"] as $key => $value){
if($value == $result2['nombre']){
if($reing2["cantidad"][$key] > $result2["cantidad"]){
$maximo $result2["cantidad"];
$minimo $reing2["cantidad"][$key];
}else {
$maximo $reing2["cantidad"][$key];
$minimo $result2["cantidad"];

}}



if (
$minimo!=$result2['cantidad']){


$minimo=$_POST['minimo'];
$maximo=$_POST['maximo'];

}}}

?>


[code=javascript]     <!--rutina javascript y ajax-->
<script type="text/javascript" src="js/jquery.min.js"></script>

<script>

function realizaconsulta1(stockname1, cant1){

        var parametros = {

                "stockname1" : stockname1,

                "cant1" : cant1,

        };

        $.ajax({

                data:  parametros,

                url:   'agregar_reingreso.php.php',

                type:  'post',

                beforeSend: function realizaconsulta2() {

                        $("#realizaconsulta2").html("Procesando, espere por favor...");

                },

                success:  function (response) {

                        $("#realizaconsulta2").html(response);

                }

        });
}

</script>
Código (html4strict) [Seleccionar]

<!--formularios con los input text y el boton de envio-->

<td>&nbsp;</td>
                        <td><input name=""  type="text" id="item"  maxlength="200"  class="round default-width-input " style="width: 150px"   /></td>
                       
                        <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>

<form action="" method="post" name="numero1"">

</form><!--boton para realizar proceso ajax-->
<input name="" type="button" href="javascript:;" onclick="realizaconsulta1($('#item').val(), $('#quty').val());return false;" value="Consulta" class="my_button round red   text-upper" >
<br/>
Resultado: <span id="realizaconsulta2">0</span>
</form>
[/code]

EFEX

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 (javascript) [Seleccionar]

$( document ).ready(function() {
//Se cargaron todos los elementos DOM
$('#botonFormularioSubmit').on('click', function(){  //Al hacer click sobre el boton del formulario..
var stockname1 = $('#item').val(),
cant1 = $('#quty').val(),
parametros = {
"stockname1" : stockname1,
"cant1" : cant1,
};

$.ajax({
data:  parametros,
url:   'agregar_reingreso.php.php',  //Ese es el nombre del archivo? estas seguro?
type:  'post',
beforeSend: function () {
$("#realizaconsulta2").html("Procesando, espere por favor...");
},
success:  function (response) {
$("#realizaconsulta2").html(response);
}
});
});

});


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

Código (html4strict) [Seleccionar]
<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.
GITHUB 

demonstrator

ok ok jejejeje se me habia pasado esa parte del
Código (php) [Seleccionar]
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