JQuery에서 JSFiddle echo 기능을 사용하려면 어떻게해야합니까?

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

참고 내가위한 추가적인 자원 ... 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); 
    } 
});