pasar datos json

[andykofman]

Buenas, mi pregunta es la siguiente:
tengos dos paginas, digamos index.html y pagina2.html
la pagina index tiene 4 enlaces que llevan todos a la pagina2.
sin embargo en funcion del que pinches la pagina dos mostrara un contenido distinto dentro de dos de sus div.
¿cual es la forma correcta de hacerlo?
He estado investigando el tema ajax que no conocia y el metodo post de jquery
y creo que por aqui irian los tiros si no me confundo.
Soy capaz de coger los datos a traves peticion ajax pero lo que no se es enviar
estos datos json al hacer click y mas aun en funcion del click que se haga enviar unos datos u otros.

aqui lo que tengo hecho en la pagina index.
$.ajax({
url:'assets/js/camino.json',
dataType:'json',
type:'get',
cache:false,
success: function(data)
{
$(data.articles).each(function(index, value)
{
var ides=(value.id);

var nombres=(value.name);
console.log(ides);
console.log(nombres);

});
}
});

[PIRRUMAN]

por ajax puedes mandar valores de esta forma

Código Javascript:

var datos = { 
                        nombrevariable: "valorvariable",
                        nombrevariable2: "valorvariable2"
                      };
                    $.ajax({
                        data:datos,               /*aqui envias los valores a tu archivo*/
                        url:'assets/js/camino.json',
dataType:'json',
type:'get',
cache:false,
 

[andykofman]

Muchas gracias pirruman.
El problema que tengo es que esos valores me gustaria que pasasen de una pagina a otra al hacer click en la primera.
por ejemplo;
var datos = {
nombrevariable: "lacosa1",
nombrevariable2: "lacosa2"
};

$(".botonindice.button2").click(function(datos)
{

console.log(datos.nombrevariable);

});

si pincho aqui $(".botonindice.button2").click
me lleva a la pagina segunda y es qui donde me gustaria que se mostrase el valor de las variables que quiero pasar.
No se si me he explicado bien.

[PIRRUMAN]

a ver si te sirve esto

Código Javascript:

function mifuncion(){
var datos = {
nombrevariable: $("#idcampo1").val(),
nombrevariable2: $("#idcampo2").val()
};
$.ajax({
url:'assets/js/camino.json',
data:datos,               /*aqui envias los valores a tu archivo*/
dataType:'json',
type:'get',
cache:false,
success: function(data)
{
console.log(data);
}
});
}
 

Código HTML:

<input type='text' id='idcampo1'>
<input type='text' id='idcampo2'>
<input type='button' id='boton'>
 

Código Javascript:

$("#boton").click(function(){
mifuncion();
});
 

en tu archivo "assets/js/camino.json'" puedes verificar que llegan los valores de los textos

[osmaymoya]

no pienso que sea necesario utilizar Ajax para esto, al final tienes que cargar pagina2.html. Mi consejo es que desde el index hagas la petición mediante un submit, en el server proceses la petición y levantes la pagina2.html pasándole el dato de cual div mostrar. Ajax es utilizado para realizar peticiones asincronas sin tener que recargar la pagina y a través de javascript modificar los elementos del DOM en caso que sea necesario. En tu problema veo un flujo tradicional de aplicaciones web.

[osmaymoya]

pudiera ser un submit o a través de un href siempre pasándole una variable con el dato de qué debe mostrar