¿Cómo puedo usar la función de eco JSFiddle con JQuery?

Question

He leído la guía del usuario de jsFiddle para su JSON echo feature pero sin tener la suerte de producir un jsFiddle en funcionamiento para hacer eco de un mensaje JSON utilizando JQuery.

¿Cómo puedo crear un jsFiddle hacerse eco de la JSON de su guía:

data: { 
    json: JSON.encode({ 
     text: 'some text', 
     array: [1, 2, 'three'], 
     object: { 
      par1: 'another text', 
      par2: [3, 2, 'one'], 
      par3: {} 
     } 
    }), 
    delay: 3 
} 

El único ejemplo proporcionado en Mootools es que nunca he usado. Entonces, una traducción simple del ejemplo de mootools en JQuery sería suficiente.

Answer 1

var data = { 
     json: $.toJSON({ 
      text: 'some text', 
      array: [1, 2, 'three'], 
      object: { 
       par1: 'another text', 
       par2: [3, 2, 'one'], 
       par3: {} 
      } 
     }), 
     delay: 3 
} 


$.ajax({ 
    url:"/echo/json/", 
    data:data, 
    type:"POST", 
    success:function(response) 
    { 
     console.log(response); 
    } 
}); 

Live Demo

Nota he añadido na recursos additonal .. jquery json-

Demo with FireBug Console on View (sin necesidad de levantar la consola de desarrollo para ver el retorno)

Answer 2

Algo como esto:

$.get('/echo/jsonp/', { foo : 'bar', biz : 'buzz' }) 
    .success(function(data){ console.log (data) }) 

JS Fiddle example.

Básicamente, señale la parte url de su función $.ajax en /echo/jsonp/ y debe configurarla. Los documentos de JSFiddle dicen que /echo/json/ también funciona, pero parece que esa URL en particular no funciona en este momento; Sin embargo, usar el servicio JSONP sin especificar una devolución de llamada funciona bien.

Answer 3

También puede utilizar JSON .stringify

$.ajax({ 
    url:"/echo/json/", 
    data:{ 
    json: JSON.stringify({ 
     text: 'some text', 
     array: [1, 2, 'three'], 
     object: { 
      par1: 'another text', 
      par2: [3, 2, 'one'], 
      par3: {} 
     } 
     }), 
    delay: 3 
    }, 
    type:"POST", 
    success:function(response) { 
    console.log(response); 
    } 
});