JSFiddleエコー機能をJQueryでどのように使用できますか？

Question

JSON echo featureのjsFiddleユーザーズガイドを読んだことがありますが、JQueryを使用してJSONメッセージをエコーするためにjsFiddleを生成することはできません。

は、どのように私は彼らのガイドからJSONをエコーするjsFiddleを作成することができます。

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

提供される一つの例では、私は使ったことがないているMooToolsのです。したがって、mootoolsのサンプルから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

私はのadditonalリソースナ追加した注... jqueryの-JSON

Demo with FireBug Console on View（リターンを見るために、開発者コンソールをプルアップする必要はありません）

Answer 2

何か：

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

JS Fiddle example。

基本的には$.ajax機能のurl部分が/echo/jsonp/になるように設定する必要があります。 JSFiddleのドキュメントでは/echo/json/も動作しますが、その時点で特定のURLがダウンしているように見えます。ただし、コールバックを指定せずにJSONPサービスを使用するとうまく動作します。

Answer 3

また、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); 
    } 
});