Utilizamos cookies propias y de terceros para mejorar la experiencia de navegacin, y ofrecer contenidos y publicidad de inters.

Al continuar con la navegacin entendemos que se acepta nuestra poltica de cookies.

Cerrar
Iniciar sesin / Crear cuenta

Comunidad de Programadores

Cursos y Manuales

Foros de Consulta

Programadores

Programas/Utilidades

Utilidades

Biblioteca de Temas

Chats de prog.

Ofertas de Trabajo

Nuestros Programas

Colaboradores

Cdigo Fuente

Tabln de Notas

Solicitudes para prog.

Iconos y Cursores

Encuestas/Estadsticas

Noticias/Artculos

Diccionario informtico

Lista de Correo

Preguntas/Respuestas

Contactar

Ajax Jquery PHP

Ajax example

Anuncios Google

LWP Foros AJAX Enviar dos variables en una funcin Ajax a php
Ajax Post

AJAX - Enviar dos variables en una funcin Ajax a php

Buscar

Nuevo Tema

Volver
<< >>

Vista: arbol

Enviar dos variables en una funcin Ajax a php

Reinaldo(20/01/2016 14:51:10)
Enviar dos variables en una funcin Ajax a php
Reinaldo(20/01/2016 20:08:35)
(+1) Enviar dos variables en una funcin Ajax a php
Vainas(20/01/2016 20:21:00)
Enviar dos variables en una funcin Ajax a php
Reinaldo(20/01/2016 20:56:49)
Enviar dos variables en una funcin Ajax a php
Reinaldo(20/01/2016 22:21:27)

901 visitas
6 respuestas

Enviar dos variables en una funcin Ajax a php

Publicado por Reinaldo(5 intervenciones) el 20/01/2016 14:51:10

Cordial saludo.
Me encuentro desarrollando una pgina web que busca una parte de un libro almacenado en una base de datos (nombre del libro y nmero
de capitulo)y la muestra en la pgina.
He utilizado ajax y jQuery para generar dos select dependientes. Lo que necesito ahora es obtener los valores seleccionados de esos select
dependientes.
He utilizado estas funciones con xito slo para un valor y una sola funcin, pero no s como pasar los dos valores de los select en una sola
funcin:

function cargarPaginaPHP(pagina, contenedor, data) {

var selected = $("#libros option:selected").text();

var content = $('#' + contenedor);

$.ajax({

4
5

type: "GET",

url: "" + pagina,

data: "selected=" + selected,

success: function(data) {
content.html(data);

10

});

11

12
13

14

function cargarPaginaPHP2(pagina, contenedor, data) {

15

var selected2 = $("#capitulos option:selected").text();

16

var content = $('#' + contenedor);

$.ajax({

17
18

type: "GET",

19

url: "" + pagina,

20

data: "selected=" + selected2,

21

success: function(data) {
content.html(data);

22

23

});

24

25

Al presionar un botn, se capturaran los dos valores, sin embargo esto me est generando valores incorrectos o el desconcertante error
"undefined index".
Aqu la etiqueta HTML que llama las dos funciones:
1

<input type="button" onclick="cargarPaginaPHP('recibeParametro.php','contenedor','');cargarPaginaPHP2('recibeParametro

Necesito lo siguiente:
1. Que reconozca los valores activos o visibles del select an sin haber seleccionado previamente un valor del combo (ya que puede no
reconocer valores del select de captulo sin antes no haberlo seleccionado).
2. enviar el valor de las dos variables (selected y selected2) en una sola funcin de ajax y que la reconozca sin un "notice: undefined index" en
el correspondiente script de php.
3. generar la etiqueta html que llame a esa funcin con sus parmetros correspondientes.
Por favor si alguien puede ayudarme le agradecera ya que llevo varios das en este problema y soy novato en este campo de la
programacin.
Valora esta pregunta

Otras secciones de LWP con contenido de AJAX

- Cdigo fuente de AJAX
- Cursos de AJAX
- Temas de AJAX

Responder

Cdigos de AJAX
- MyWex Portafolio web en Ajax
- Nmero aleatorio manual
- Guardar datos de formulario en base de datos Mysql

Enviar dos variables en una funcin Ajax a php

Publicado por Reinaldo(5 intervenciones) el 20/01/2016 20:08:35

Hola a todos, hice unas correcciones y parece que as sirve (por si alguien tiene la misma duda):

function cargarPaginaPHP3(pagina, contenedor, data) {

1
2

var selected = $("#libros option:selected").text();

var selected2 = $("#capitulos option:selected").text();

var content = $('#' + contenedor);

$.ajax({

5
6

type: "GET",

url: "" + pagina,

//data: {"selected=" + selected, "selected2=" + selected

data: {selected: selected, selected2: selected2

10

//datatype: "json";

11

success: function(data) {
content.html(data);

12

13

});

14

15

Valora esta respuesta

Comentar

Enviar dos variables en una funcin Ajax a php

Publicado por Vainas(71 intervenciones) el 20/01/2016 20:21:00

Buenas:

Bien que lo has resuelto tu solo!! Solo un par de cosas:

1. Si en la function no usas data no lo declares. No veo que uses ese data que se pasa como parametro por ningun sitio.
2. El ajax de jQuery en su parametro data puedes pasar los parametros:
a. Como un string de pares de valores (clave=valor) de este modo: parametro1=valor1&parametro2=valor2&....
b. Como un objeto javascript (que es lo que has hecho tu): {"parametro1: valor1, "parametro2": valor2} pero ten en cuenta que tu clave
debe ser una cadena y deberia ir entre comillas. Ya se encarga jQuery de pasarlo a un string como comente en el punto anterior.
3. No creo que sea necesario que hagas:
url: "" + pagina ya que javascript sabe que pagina es un string. Solo tienes que poner:
1

url: pagina,

4. Puedes usar success dentro de ajax o done fuera:

la funcion success trae los valores de vuelta pero se esta poniendo de moda usar done:
1
2
3

$.ajax({...}).done(function(data{
... Aqui puedes poner el codigo que tienes en success
}));

Saludos.
Valora esta respuesta

Comentar

Enviar dos variables en una funcin Ajax a php

Publicado por Reinaldo(5 intervenciones) el 20/01/2016 20:56:49

Hola, gracias por tu inters en mi tema. Y s, veo que tienes buenas ideas, la verdad es que estoy trabajando con cdigo viejo tomado
de algunas partes jeje y pues eso.
Si te entend bien, el cdigo debera quedar como algo as:

function cargarPaginaPHP3(pagina, contenedor) {

var selected = $("#libros option:selected").text();

3
4

var selected2 = $("#capitulos option:selected").text(

5
6

var content = $('#' + contenedor);

7
8

$.ajax({

9
10

//Supongo que el data que estoy pasando en la funcin lo tengo que omitir

type: "GET",

11
12

url: pagina,

13
14

data: {selected: selected, selected2: selected2

15
16

17

18

19
20

done(function(data{

21
22

content.html(data);

23
24

}));

25

Siempre se puede mejorar el cdigo un poco ms ;)

_____________
Keep Coding

Valora esta respuesta

Comentar

Enviar dos variables en una funcin Ajax a php

Publicado por Reinaldo(5 intervenciones) el 20/01/2016 22:21:27

Este cdigo funciona, pero una sola vez y con los valores que estn seleccionados desde el principio, no con los que el usuario cambie
desde el select.
Si alguien puede ayudarme para ver si se puede hacer dinmico que al cambiar las opciones del select, cambien los valores que se
pasan por ajax a php. Gracias.
Valora esta respuesta

Enviar dos variables en una funcin Ajax a php

Publicado por Vainas(71 intervenciones) el 20/01/2016 23:21:33

Prueba asi (compara con tu codigo anteior ya que he hecho algunas modificaciones y cosas que faltaban):

Comentar