Как я могу использовать функцию эха JSFiddle с JQuery? - PullRequest
Новая
       9

Как я могу использовать функцию эха JSFiddle с JQuery?

20 голосов
/ 25 августа 2011

Я прочитал руководство пользователя jsFiddle для его функции JSON echo , но мне не повезло создать работающий jsFiddle для вывода сообщения JSON с использованием JQuery.

Как мне создать 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 было бы достаточно.

Ответы [ 3 ]

24 голосов
/ 25 августа 2011 
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);
    }
});

Демонстрация в реальном времени

Примечание Я добавил дополнительный ресурс .. jquery-json

Демонстрация с консолью FireBug на представлении (не нужно поднимать консоль разработчика, чтобы увидеть возврат)

13 голосов
/ 28 августа 2012

Вы также можете использовать 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);
  }
});

1004 *

5 голосов
/ 25 августа 2011

Примерно так: 

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

Пример JS Fiddle .

В основном, укажите url часть вашей функции $.ajax на /echo/jsonp/, и вы должны быть настроены. Документы JSFiddle говорят, что /echo/json/ тоже работает, но похоже, что этот конкретный URL в данный момент не работает; использование службы JSONP без указания обратного вызова работает просто отлично.

...