Come posso utilizzare la funzione di eco JSFiddle con JQuery?

Question

Ho letto la guida dell'utente di jsFiddle per JSON echo feature ma senza la fortuna di produrre un jsFiddle funzionante per echeggiare un messaggio JSON utilizzando JQuery.

Come si crea un jsFiddle fare eco alle JSON dalla loro guida:

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

Quello esempio fornito è in Mootools, che non ho mai usato. Quindi una semplice traduzione dall'esempio mootools in JQuery sarebbe sufficiente.

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 ho aggiunto na risorsa addizionale .. jquery-JSON

Demo with FireBug Console on View (non c'è bisogno di tirare su console per gli sviluppatori di vedere ritorno)

Answer 2

Qualcosa di simile a questo:

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

JS Fiddle example.

In linea di principio, puntare la parte url della funzione $.ajax a /echo/jsonp/ e si dovrebbe impostare. I documenti di JSFiddle dicono che anche lo /echo/json/ funziona, ma sembra che quel particolare URL sia inattivo al momento; tuttavia, l'utilizzo del servizio JSONP senza specificare una callback funziona correttamente.

Answer 3

È anche possibile utilizzare 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); 
    } 
});