Tôi có thể sử dụng tính năng echo JSFiddle bằng JQuery như thế nào?

Question

Tôi đã đọc hướng dẫn sử dụng của jsFiddle về JSON echo feature nhưng không may mắn khi tạo ra một jsFiddle đang hoạt động để lặp lại một thông báo JSON bằng cách sử dụng JQuery.

Làm thế nào tôi có thể tạo ra một jsFiddle để echo JSON từ hướng dẫn của họ:

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

Một ví dụ được cung cấp là trong Mootools mà tôi đã không bao giờ được sử dụng. Vì vậy, một bản dịch đơn giản từ ví dụ mootools thành JQuery sẽ là đủ.

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

Note Tôi đã thêm na tài nguyên additonal .. jquery-json

Demo with FireBug Console on View (không cần phải kéo lên phát triển giao diện điều khiển để xem cửa sổ mới)

Answer 2

Something như thế này:

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

JS Fiddle example.

Về cơ bản, hãy chỉ một phần của hàm url của hàm $.ajax tại /echo/jsonp/ và bạn phải đặt. Tài liệu của JSFiddle nói rằng /echo/json/ cũng hoạt động, nhưng có vẻ như URL cụ thể đó đang giảm xuống vào lúc này; Tuy nhiên, việc sử dụng dịch vụ JSONP mà không chỉ định một cuộc gọi lại hoạt động tốt.

Answer 3

Bạn cũng có thể sử dụng 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); 
    } 
});