如何将 JSFiddle echo 功能与 JQuery 结合使用？

发布于 2024-12-01 13:32:15 字数 520 浏览 1 评论 0原文

我已经阅读了 jsFiddle 用户指南的 JSON echo 功能，但没有生成一个使用 jsFiddle 使用 JQuery 回显 JSON 消息。

我如何创建一个 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 的简单转换就足够了。

原文

I have read the jsFiddle user's guide for their JSON echo feature but with no luck of producing a working jsFiddle to echo a JSON message using JQuery.

How can I create a jsFiddle to echo the JSON from their guide:

data: {
    json: JSON.encode({
        text: 'some text',
        array: [1, 2, 'three'],
        object: {
            par1: 'another text',
            par2: [3, 2, 'one'],
            par3: {}
        }
    }),
    delay: 3
}

The one example provided is in Mootools which I've never used. So a simple translation from the mootools example into JQuery would be sufficient.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

缱绻入梦 2024-12-08 13:32:15

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

现场演示

注意我添加了 na 附加资源.. jquery-json

在视图上使用 FireBug 控制台进行演示（无需拉起开发人员控制台即可查看返回）

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

Note I have added na additonal resource.. jquery-json

Demo with FireBug Console on View (no need to pull up developer console to see return)

回复收藏 0 原文

隱形的亼 2024-12-08 13:32:15

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

You can also use 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);
  }
});

回复收藏 0 原文

魔法少女 2024-12-08 13:32:15

像这样的东西：

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

JS Fiddle 示例。

基本上，将 $.ajax 函数的 url 部分指向 /echo/jsonp/ 即可设置。 JSFiddle 的文档说 /echo/json/ 也可以工作，但看起来该特定 URL 目前已关闭；不过，使用 JSONP 服务而不指定回调也可以正常工作。

Something like this:

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

JS Fiddle example.

Basically, point the url portion of your $.ajax function at /echo/jsonp/ and you should be set. JSFiddle's docs say that /echo/json/ works, too, but it looks like that particular URL is down at the moment; using the JSONP service without specifying a callback works just fine, though.

回复收藏 0 原文

~没有更多了~