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

Я прочитал руководство пользователя jsFiddle для своей функции JAON , но без везения создать рабочий 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.

Ответы

Ответ 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

Демо с FireBug Console on View (нет необходимости подтягивать консоль разработчика, чтобы увидеть возврат)

Ответ 2

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

Ответ 3

Что-то вроде этого:

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

Пример скрипта JS.

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