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.

Comments