Enviar datos como parámetros en una petición AJAX con jQuery

Enviar datos como parámetros en una petición AJAX con jQuery

El siguiente código muestra como añadir parámetros a una petición con AJAX. En este caso «meGusta.do» recibirá el parámetro nombre por el request.

[codesyntax lang=»javascript»]

	var datos="nombre=pablo";
	$.ajax({
		url: "meGusta.do",
		data: datos
	});
[/codesyntax]
En el siguiente ejemplo el envío de los datos se producirá al hacer click sobre un checkbox. Si está activado se enviará el parámetro megusta con el valor 1 y si está desactivado con el valor 0. También se pasa como parámetro el valor del id que coincide con el "value" del checkbox.
[codesyntax lang="javascript"]
	$("input[type=checkbox]").click(function(){
		var datos="";
		if($(this).attr("checked")){
			datos+="megusta=1&id="+$(this).val();
		} else {
			datos+="megusta=0&id="+$(this).val();
		};
		$.ajax({
			url: "meGusta.do",
			data: datos
		});
	});

[/codesyntax]

Este último ejemplo nos puede servir para hacer alguna operación con bases de datos al activar o desactivar el checkbox, sin falta de enviar el formulario ni cambiar de página.

About Post Author

pablocia

Lo mejor para observar la corriente es no estar en ella, así que toma distancia, piensa y verás la solución. <a href="https://es-es.facebook.com/visualxtudio">Facebook</a>
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Entrada anterior Diseños para el nuevo Timeline de facebook
Entrada siguiente Captura de pantalla de un fotograma de vídeo.