Enviar datos por ajax sin formulario

Enviar datos por ajax sin formulario

Solicitud de post ajax sin datos

No tengo mucha experiencia con llamadas AJAX, pero mi ejemplo parece sencillo (salvo que no estoy usando un elemento) y me hace preguntarme si estoy haciendo mal la llamada, o si simplemente no se puede hacer un AJAX POST sin un formulario.
Edit: Viendo tu comentario sobre la actualización del atributo onclick de forma dinámica, te recomiendo que hagas 2 cosas que te permitirán resolver este problema por tu cuenta. Estas notas son para Chrome, pero funcionarán de forma similar en Firefox a través de Firebug.
1) Utiliza la función console.log() en los valores para verificar que estás enviando los datos a tu función que crees que estás enviando. Por ejemplo, console.log(values), y luego comprueba la consola en las herramientas para desarrolladores.
2) Abre las herramientas para desarrolladores y utiliza la pestaña de red para inspeccionar la llamada AJAX. Puedes ver cómo se produce la llamada en tiempo real y puedes inspeccionarla para ver qué datos se han enviado y qué datos se han recibido.

Al hacer clic en el botón enviar el formulario usando ajax

var dataString = ‘truckCheck1=’+ truckCheck + ‘&inp_datepicker1=’+ inp_datepicker + ‘&inp_datepickerR1=’+ inp_datepickerR + ‘&origin_input1=’+ origin_input + ‘&destination_input1=’+ destination_input;
Por ejemplo, un vistazo rápido en la red, puede revelar si la solicitud ajax se ha enviado y por lo tanto puede eliminar el evento de clic en enviar. Si usted puede ver la solicitud, a continuación, comprobar los datos que se pasan a ella y los datos que vienen de vuelta para asegurarse de que esto es lo que usted está esperando.
ETA – y tampoco ejecutas la consulta. Estás usando las antiguas funciones de mysql, así que hay que cambiarlas a mysqli o PDO, pero necesitas ejecutar la consulta después de haberla construido. Obviamente, también harás alguna validación antes de dejarla en libertad.

Envío de formulario ajax en rails sin refresco

Nota: Los campos «userfile» y «webmasterfile» contienen un archivo. El número asignado al campo «accountnum» se convierte inmediatamente en una cadena mediante el método FormData.append() (el valor del campo puede ser un Blob, un archivo o una cadena: si el valor no es ni un Blob ni un archivo, el valor se convierte en una cadena).
Esto le permite aumentar los datos del formulario antes de enviarlo, para incluir información adicional que no es necesariamente editable por el usuario.Envío de archivos usando un objeto FormDataTambién puede enviar archivos usando FormData. Incluya un elemento <input> de tipo archivo en su <form>:
Advertencia: Cuando utilice FormData para enviar solicitudes POST utilizando XMLHttpRequest o la Fetch_API con el Content-Type multipart/form-data (por ejemplo, al subir Archivos y Blobs al servidor), no establezca explícitamente la cabecera Content-Type en la solicitud. Si lo hace, evitará que el navegador pueda establecer la cabecera Content-Type con la expresión de límite que utilizará para delimitar los campos de formulario en el cuerpo de la solicitud.

Cómo pasar los datos del formulario en ajax

Hay muchas soluciones «sin recargar la página» por ahí, pero aquí hay una que puedes crear con AJAX. En este tutorial, puedes aprender a construir un simple plugin que permitirá a los lectores enviar un informe sin recargar la página.
Si alguna vez has querido enviar un formulario sin recargar la página, proporcionar una función de búsqueda anticipada que le pida al usuario sugerencias mientras escribe, o autoguardar documentos, entonces lo que necesitas es AJAX (también conocido como XHR). Se envía una petición entre bastidores al servidor, y se devuelven los datos a su formulario. Siempre que veas una animación de carga después de haber realizado alguna acción en la página, probablemente se trate de una petición AJAX que se está enviando al servidor.
En este artículo, voy a guiarte a través de todo el proceso de creación y manejo de llamadas AJAX. Aprenderás no sólo cómo hacer una llamada AJAX, sino también cómo hacerlo de la mejor manera utilizando las características que WordPress ofrece a los desarrolladores nada más sacarlo de la caja. Construiremos un sencillo plugin que permitirá a los lectores enviar un informe al administrador con información sobre cualquier error que puedan detectar en su sitio web.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad