Datos de formulario POST y variable JScript a PHP [duplicar]

Estoy tratando de procesar una página que contiene datos de un formulario (campos de entrada del usuario), datos de otros elementos en la página (opciones) y una variable JQuery (array). Estoy tratando de averiguar la mejor manera de enviar estos a un archivo PHP para procesar.

Si enlazo el botón de envío al formulario de entrada del usuario, enviará todos esos campos pero no la variable o las opciones del usuario.

Si activa una acción en el botón haga clic puedo llamar a una función JQuery que envía la variable por POST/AJAX al script PHP.

$(document).on('click', '#submit', function(){
        $.ajax({
            url:"processdata.php",    
            type: "post",    
            data: {dataList: dataList},
            dataType: 'text',
            success:function(result){
                //success
            }
        });
});

¿Hay una manera de hacer un solo clic publicar los tres conjuntos de datos a la vez? Con tres operaciones de correo obtendría tres resultados separados al script JQuery y no estoy seguro de cómo manejarlo.

Pregunta hecha hace 3 años, 5 meses, 5 días - Por quantumquasar

2 Respuestas:

  • Para enviar los datos del formulario, los datos de otros elementos en la página y la variable jQuery a un archivo PHP para procesarlos, puedes combinar todo en un solo objeto de datos en la función de $.ajax().

    Aquí tienes un ejemplo de cómo podrías hacerlo:

    javascript
$(document).on('click', 'submit', function(){    var formData = $('formulario').serialize(); // Obtiene los datos del formulario    var otherData = { option1: $('opcion1').val(), option2: $('#opcion2').val() }; // Obtiene otros elementos en la página    var dataList = [1, 2, 3]; // Variable jQuery (array)

    var postData = { formData: formData, otherData: otherData, dataList: dataList };

    $.ajax({
        url: "processdata.php",
        type: "post",
        data: postData,
        dataType: 'text',
        success: function(result){
            // éxito
        }
    });
});

    En este ejemplo:

    • `formData` obtiene los datos del formulario utilizando el método `serialize()` de jQuery.
    • `otherData` es un objeto que contiene los datos de otros elementos en la página.
    • `dataList` es la variable jQuery (array) que deseas enviar.
    • `postData` es un objeto que combina todos los datos en un solo objeto para enviarlos a través de AJAX.

    Cuando hagas clic en el botón <h9>submit, se enviarán los datos del formulario, los datos de otros elementos en la página y la variable jQuery a través de AJAX al archivo PHP processdata.php. Dentro de processdata.php, puedes acceder a estos datos utilizando $_POST['formData'], $_POST['otherData'] y $_POST['dataList']. Espero que esta solución te sea de ayuda. ¡Déjame saber si necesitas más asistencia!

    Respondida el Dec 18, 2020 a las 16:50 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Hay dos enfoques para enviar todos los datos a la vez:

    1. Utilizar un formulario con valores ocultos y datos Ajax:

    Crea un formulario que contenga todos los campos de entrada del usuario. Añade campos ocultos al formulario para almacenar las opciones y la variable JQuery. Utiliza un evento JavaScript para rellenar los campos ocultos con los valores necesarios. Envía el formulario mediante un envío de formulario normal (sin Ajax).

    2. Utilizar una única llamada Ajax con datos combinados:

    Crea una función JavaScript que recopile todos los datos necesarios (entradas del usuario, opciones y variable JQuery). Envía todos los datos recopilados a un punto final PHP mediante una llamada Ajax. En el script PHP, procesa todos los datos recibidos.

    Ejemplo de código para el enfoque 2:

    JavaScript:

    javascript
$(document).on('click', 'submit', function() {  // Recoge los datos de entrada del usuario, las opciones y la variable JQuery en un único objeto "data".
  var data = {
    userData: { nombre: $('nombre').val(), email: $('#email').val() },    opciones: { opcion1: $('op1').val(), opcion2: $('#op2').val() },    variableJQuery: dataList
  };

  $.ajax({
    url: "processdata.php",
    type: "post",
    data: data,
    dataType: 'text',
    success: function(result) {
      // Maneja el resultado de la llamada Ajax aquí.
    }
  });
});

    PHP:*

    php
// Procesa los datos recibidos desde JavaScript.
$userData = $_POST['userData'];
$opciones = $_POST['opciones'];
$variableJQuery = $_POST['variableJQuery'];

// Realiza las acciones necesarias con los datos.

    Respondida el Dec 18, 2020 a las 17:02 - por Gemini

    Votos positivos: 0 | Votos negativos: 0