मैं JQuery के साथ JSFiddle इको सुविधा का उपयोग कैसे कर सकता हूं?

Question

मैंने अपने JSON echo feature के लिए jsFiddle उपयोगकर्ता की मार्गदर्शिका पढ़ी है, लेकिन JQuery का उपयोग करके एक JSON संदेश गूंजने के लिए एक काम करने वाले jsFiddle को उत्पन्न करने की कोई किस्मत नहीं है।

कैसे मैं एक jsFiddle उनके गाइड से JSON प्रतिध्वनित करने के लिए बना सकते हैं:

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

नोट मैं na अतिरिक्त संसाधन .. 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।

मूल रूप से, url$.ajax फ़ंक्शन /echo/jsonp/ पर इंगित करें और आपको सेट किया जाना चाहिए। जेएसफ़ील्ड के दस्तावेज़ कहते हैं कि /echo/json/ भी काम करता है, लेकिन ऐसा लगता है कि इस समय विशेष यूआरएल नीचे है; कॉलबैक निर्दिष्ट किए बिना JSONP सेवा का उपयोग करना ठीक है, हालांकि।

Answer 3

तुम भी JSON उपयोग कर सकते हैं (वापसी देखने के लिए डेवलपर कंसोल ऊपर खींचने के लिए कोई ज़रूरत नहीं) को शामिल किया है .स्ट्रिंग

$.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); 
    } 
});