Hola amigo,
Bueno de todas creo que capte algunas cosas. En primer lugar recuerda que "ajax" solo es como una tecnologia o una herramienta de conexión, lo que vas a usar en realidad es javascript y el lenguaje del lago servidor (No se si sea php o otra cosa).
Entonces, teniendo presente eso seria algo asi:
1. Capturas el id del producto seleccionado
2. Luego de eso harás la petición via post o via get con ajax al servidor:
3. Desarrollas tu lógica en el lenguaje servidor que haga lo que deseas
4. La respuesta es capturada por el ajax y pasada a tu función js
5. Con JS imprimes lo que desees de la respuesta en el otro div
Código Javascript
:
Ver original//Trabajaré todo con jQuery
$( document ).ready(function(){
$("input[name=nombreDelRadio").on('click',function(){
id = this.value;
$.ajax({
type: "POST",
url: '/urlALaCualHacesLaPetición',
data: {'id': id},
success: function(respuestaHTML ){
$("#divAMostrar").html( respuestaHTML);
},
});
});
});
Ten en cuenta dos cosas, el código es más q todo un ejemplo de lógica, no estoy seguro de que los parametros de la función $.ajax de jquery sean tal cual como los coloque, no está de más que revises la documentación, pero creo que en general sirve para que lo veas. La respuesta capturada por el ajax en este caso es simple HTML y por eso solo lo imprimes. Tambien podria ser un JSON si deseas pasar más de un parametro de respuesta y validar que hacer con ello.
Por último, lo de crear una imágen no lo entendi bien, pero en todo caso eso ya seria generado por el lenguaje servidor.
Espero te sirva. Sino es lo que querias comentame. Saludos.