如何在JQuery中使用JSFiddle回顯功能？

我已閱讀他們的JSON echo feature的jsFiddle用戶指南，但沒有生成工作jsFiddle使用JQuery回顯JSON消息的運氣。如何在JQuery中使用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的簡單翻譯就足夠了。

來源

2011-08-25 kasdega

閱讀http://doc.jsfiddle.net/use/echo.html – Baz1nga

謝謝，但我讀過。事實上，我的問題就是基於此。他們唯一的例子是在Mootools。我希望有人可以提供一個簡單的示例使用jquery＃ajax – kasdega

@BoltClock你爲什麼要關閉它？它是一個有效的問題和有效的答案。 JSFiddle在這個網站上一直用來解釋或顯示答案，而且沒有一個關於如何使用假的JSON消息來使用他們的工具的可靠的例子。 Baz1nga爲這個問題提供了一個非常好的答案。 – kasdega

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（無需拉起開發者控制檯看到回報）

來源

2011-08-25 19:45:23 Baz1nga

感謝的，因爲這樣的jsfiddle包括臨時庫，例如您的jQuery的JSON你了這個幫助很大 – kasdega

如果安裝NoScript的這打破。 –

@Brock亞當斯：我正在考慮把中的jsfiddle我NoScript的白名單後忘了... – BoltClock

事情是這樣的：

$.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服務而不指定回調就可以。

來源

2011-08-25 18:28:32 ajm

雅我試圖使用/回聲/ JSON，它似乎並沒有爲我返回任何數據。你的JSONP例子雖然工作。 – kasdega

是的，它看起來像他們的JSON服務停止。 – ajm

你有使用$阿賈克斯（）它應該是什麼時，他們的服務是像一個例子嗎？或者你可以改變你的例子.get？ – kasdega

您還可以使用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); 
    } 
});

來源

2012-08-28 10:05:10 timsly

+1; 「也」是指「必須」？ http://stackoverflow.com/questions/7759619/getting-this-error-tojson-is-not-a-function –

理論上你可以準備你自己的stringify函數，所以也許更好地使用'也' – timsly

如何在JQuery中使用JSFiddle回顯功能？

回答

相關問題