[SOLUCIONADO] Pasar dos valores por ajax a php en una sola función

[reymagnus]

Cordial saludo.

Me encuentro desarrollando una página web que busca una parte de un libro almacenado en una base de datos (nombre del libro y número de capitulo)y la muestra en la página.

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 sólo para un valor y una sola función, pero no sé como pasar los dos valores de los select en una sola función:

Código Javascript:

function cargarPaginaPHP(pagina, contenedor, data) {
                var selected = $("#libros option:selected").text();
                var content = $('#' + contenedor);
                  $.ajax({
                        type: "GET",
                        url: "" + pagina,
                        data: "selected=" + selected,
                        success: function(data) {
                          content.html(data);
                        }
                    });
                }
              
                function cargarPaginaPHP2(pagina, contenedor, data) {
                var selected2 = $("#capitulos option:selected").text();
                var content = $('#' + contenedor);
                  $.ajax({
                        type: "GET",
                        url: "" + pagina,
                        data: "selected=" + selected2,
                        success: function(data) {
                        content.html(data);
                      }
                  });
              }
 

Al presionar un botón, se capturarían 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:

Código HTML:

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

Necesito lo siguiente:

1. Que reconozca los valores activos o visibles del select aún sin haber seleccionado previamente un valor del combo (ya que puede no reconocer valores del select de capítulo sin antes no haberlo seleccionado).

2. enviar el valor de las dos variables (selected y selected2) en una sola función 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 función con sus parámetros correspondientes.

Por favor si alguien puede ayudarme le agradecería ya que llevo varios días en este problema y soy novato en este campo de la programación.

[siddartha23]

1. Puedes recuperar el valor del select llamando a la función val() que recuperará el valor dependiendo de qué opción se haya seleccionado, puedes tener alguna opción seleccionada por defecto.

2. Puedes enviar el valor de dos variables o más enviándolas en formato JSON {valor1: valor, valor2: valor, etc..}

3. En la etiqueta html puedes guardar atributos "data" que luego puedes recuperar en tu script para usarlos como parámetro.

[reymagnus]

Hola siddartha23 y gracias por responder.

Iniciado por siddartha23

1. Puedes recuperar el valor del select llamando a la función val() que recuperará el valor dependiendo de qué opción se haya seleccionado, puedes tener alguna opción seleccionada por defecto.

Ok, eso creo que lo puedo hacer.

Iniciado por siddartha23

2. Puedes enviar el valor de dos variables o más enviándolas en formato JSON {valor1: valor, valor2: valor, etc..}

¿Me podrías por favor dar un ejemplo?, no me queda claro cómo hacer eso en mi caso. Los ejemplos que encuentro no usan funciones...

Iniciado por siddartha23

3. En la etiqueta html puedes guardar atributos "data" que luego puedes recuperar en tu script para usarlos como parámetro.

Ok, eso se puede hacer.

[siddartha23]

Hola, en el punto 2 me refería a que dentro de tu script mandes la data así:

Código Javascript:

$.ajax({
                        type: "GET",
                        url: "" + pagina,
                        data: {selected: valor1, selected2: valor2 },
                        success: function(data) {
                          content.html(data);
                        }
                    });
 

[reymagnus]

Iniciado por siddartha23

Hola, en el punto 2 me refería a que dentro de tu script mandes la data así:

Código Javascript:

$.ajax({
                        type: "GET",
                        url: "" + pagina,
                        data: {selected: valor1, selected2: valor2 },
                        success: function(data) {
                          content.html(data);
                        }
                    });
 

Hola, modificando el ejemplo que me das, lo dejaría así, aunque no me muestra nada en el php o da error:

Código Javascript:

function cargarPaginaPHP3(pagina, contenedor, data) {
                                            var selected; //= $("#libros option:selected").text();
                                            var selected2; //= $("#capitulos option:selected").text();
                                            var content = $('#' + contenedor);
                                              $.ajax({
                                                    type: "GET",
                                                    url: "" + pagina,
                                                    //data: {"selected=" + selected, "selected2=" + selected},
                                                    data: {selected: $("#capitulos option:selected").text(), selected2: $("#capitulos option:selected").text() },
                                                    datatype: "json";
                                                    success: function(data) {
                                                    content.html(data);
                                                  }
                                              });
                                          }
                                                    datatype: "json";
                                                    success: function(data) {
                                                    content.html(data);
                                                  }
                                              });
                                          }
 

[reymagnus]

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

Código Javascript:

function cargarPaginaPHP3(pagina, contenedor, data) {
                                            var selected = $("#libros option:selected").text();
                                            var selected2 = $("#capitulos option:selected").text();
                                            var content = $('#' + contenedor);
                                              $.ajax({
                                                    type: "GET",
                                                    url: "" + pagina,
                                                    //data: {"selected=" + selected, "selected2=" + selected},
                                                    data: {selected: selected, selected2: selected2 },
                                                    //datatype: "json";
                                                    success: function(data) {
                                                    content.html(data);
                                                  }
                                              });
                                          }