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

An article by Pablo García    Sin comentarios

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.

Código

var datos="nombre=pablo";
	$.ajax({
		url: "meGusta.do",
		data: datos
	});

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.

Código
   
$("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
		});
	});

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.