Buenos días,

hace poco estoy investigando sobre usar JSON ya que siempre use la manera de "delimitar los datos"

dato_1, dato_2, dato_3, etc
Se ve que con JSON es mucho mejor y es una buena practica inclusive es mejor a XML (corriganme si estoy equivocado, es todo muy nuevo para mi)

En fin la idea no es que ustedes me hagan la tarea ni nada parecido es por eso que voy a estar mostrando una función solo de prueba para que pueda entender como aplicar JSON a una función que llama a un archivo ajax.

// javascript
function_AJAX(1, 2, 3);
 

// function_AJAX
 
        function function_AJAX(a, b, c)
	{
		$.ajax({
			url: 'ajax/archivo_ajax.php',
			type: 'POST',
			dataType: 'html',
			data: {a, b, c},
 
			success: function()
			{
				// Cuando se procese todo (bien o mal) se podrá poner acá funciones que manden mensajes algo como: "Ya se termino la solicitud wuachin" (nada relevante)
 
			}
		})
 
		.done(function(results)
		{
			$('body').append(results);
		})
	}
 

// archivo_ajax.php
echo $_POST['a'];
echo $_POST['b'];
echo $_POST['c'];
 

No traten de entender la logica del programa, lo que me interesa es la transferencia de datos usando JSON... sobre como podría hacerlo... algo entiendo pero no veo como poder encararlo...

gracias.

Esta es una nueva syntaxis de javascript desde ES6. Si escribes el nombre de una variable, se expande de tal forma que la llave se llama igual que la variable y el valor es el valor de la variable.

Tu ruta: "ajax/archivo_ajax.php" tiene que regresar JSON.

echo json_encode(array_intersect_key($_POST, array_flip(['a', 'b', 'c'])));

Con jQuery vas a necesitar cambiar el dataType a 'json'.

{
    ...
    dataType: 'json',
    ...
}

La variable results debería ahora ser un objeto que contiene las propiedades 'a', 'b', 'c'.

		.done(function(results)
		{
			//results.a, results.b, results.c, etc...
		})