[SOLUCIONADO] Duda de elemento de Javascript / Jquery

[Rodberry]

Hola a todos, tengo una duda espero que alguien me pueda ayudar a resolver, encontre en la web un ejemplo de como usar ajax con php con un ejemplo... parte del codigo de html se integra jquery y el script siguiente:

<script>
function realizaProceso(valorCaja1, valorCaja2){
var parametros = {
"valorCaja1" : valorCaja1,
"valorCaja2" : valorCaja2
};
$.ajax({
data: parametros,
url: 'ejemplo_ajax_proceso.php',
type: 'post',
beforeSend: function () {
$("#resultado").html("Procesando, espere por favor...");
},
success: function (response) {
$("#resultado").html(response);
}
});
}
</script>

No estoy TAN familiarizado con javascript por tanto queria preguntar:

1) En la variable "var parametros" el valor de "valorCaja1" y "valorCaja2" .. hace referencia a una matriz? y porque lleva comillas y despues de los dos puntos no l lleva comillas? en general y para este ejemplo para que se usa ese signo.?

2) Que significa el signo de pesos? .. en el ejemplo viene "$.ajax" .. esto que significa.

Muchas gracias.

Saludotes.

[Alexis88]

Vamos por partes. La variable parametros es un objeto el cual contiene dos atributos: 'valorCaja1' y 'valorCaja2'; además, hay dos variables: valorCaja1 y valorCaja2. Dichas variables son parámetros que se le enviaron a la función realizaProceso, entonces, dichas variables deben de contener valores. Por ejemplo, supongamos que enviamos dos parámetros cualquiera a la función:

Código Javascript:

realizaProceso('Juan', 'María');
 

Las cadenas 'Juan' y 'María', serán los valores que tendrán las variables valorCaja1 y valorCaja2 en la función. Sabiendo esto, a los atributos 'valorCaja1' y 'valorCaja2' del objeto parametros, se les asignarán los valores 'Juan' y 'María', respectivamente. Luego, en el método $.ajax(), estos valores son enviados a través del atributo data del método, con lo cual, al archivo 'ejemplo_ajax_proceso.php', llega la siguiente cadena de consulta:

Código Query String:

valorCaja1=Juan&valorCaja2=María
 

Y como utilizas el método POST para el envío de datos, los recibirás —en el archivo 'ejemplo_ajax_proceso.php'— de esta forma:

Código PHP:

$_POST['valorCaja1'] //Juan
$_POST['valorCaja2'] //María
 

En lugar del objeto parametros, pudiste haber enviado los valores de esta forma:

Código Javascript:

data: 'valorCaja1=' + valorCaja1 + '&valorCaja2=' + valorCaja2
 

En el objeto parametros, no te confundas por las comillas, los de la izquierda son los atributos y los de las derecha (los que no tienen comillas) son las variables que recibe la función. Incluso funcionaría si quitaras las comillas a los atributos o si estos tuvieran otros nombres.

Código Javascript:

//Funciona
var parametros = {
    valorCaja1: valorCaja1,
    valorCaja2: valorCaja2
};
 
//Funciona
var parametros = {
    valor1: valorCaja1,
    valor2: valorCaja2
};
 
//Funciona
var parametros = {
    'valor1': valorCaja1,
    'valor2': valorCaja2
};
 

Por otro lado, el símbolo de dólar $, es el que representa al objeto jQuery, con el cual puedes hacer uso de sus métodos. Te recomiendo leer este buen libro escrito por Rebecca Murphey para que aprendas lo necesario sobre la librería jQuery: Fundamentos de jQuery

Saludos

[Rodberry]

No te pases Alexis88, asi o super bien explicado.. te agradezco, pude entender todo a la perfección, en este momento a leer el libro que me mandas, en verdad MUCHSISISISIISMAS GRACIAS!!

[robinrt]

Hola soy nuevo en el for y necesito ayuda,
Necesito una funcion en JS donde al tomar un input me valide caracter por caracter y me vaya acumulando los caracteres hasta donde encuentre dos numeros seguidos; aclaro en el input se insertan numero y letras. gracias.