Jak mogę użyć funkcji echo JSFiddle z JQuery?

Question

Przeczytałem podręcznik użytkownika jsFiddle dla ich JSON echo feature, ale bez powodzenia w tworzeniu działającego jsFiddle, aby wywołać echo komunikatu JSON przy użyciu JQuery.

Jak mogę utworzyć jsFiddle echo JSON z ich przewodnikiem:

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

Jedynym warunkiem jest przykładem w Mootools który nigdy nie używałem. Wystarczyłoby więc proste tłumaczenie z przykładu mootools na JQuery.

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

Uwaga Dodałem na dopłata zasób .. jquery-json

Demo with FireBug Console on View (nie trzeba podciągnąć konsoli programisty, aby zobaczyć zwrot)

Answer 2

coś takiego:

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

JS Fiddle example.

Zasadniczo wskaż część url swojej funkcji $.ajax pod adresem /echo/jsonp/ i powinieneś ją ustawić. Dokumenty JSFiddle mówią, że działa również /echo/json/, ale wygląda na to, że ten konkretny URL jest w tej chwili niedostępny; korzystanie z usługi JSONP bez określania wywołania zwrotnego działa dobrze.

Answer 3

Można również użyć 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); 
    } 
});