使用 jQuery 和 jsonp (vimeo api) 按键获取选定的 json 值

Get selected json value by key using jQuery and jsonp (vimeo api)

本文关键字:获取 json jQuery jsonp api vimeo 使用      更新时间:2023-09-26

假设我有一个来自 API 的以下 json 结果:

{
  id: 116213129,
  title: "“An Episode,” by Palaxy Tracks",
  description: "Music: Palaxy Tracks<br /> Animation: Luca Tóth and Stephen McNally",
  url: "http://vimeo.com/116213129",
  thumbnail_small: "http://i.vimeocdn.com/video/502490003_100x75.jpg",
  thumbnail_medium: "http://i.vimeocdn.com/video/502490003_200x150.jpg",
  thumbnail_large: "http://i.vimeocdn.com/video/502490003_640.jpg",
  user_id: 14252792,
  width: 1920,
  height: 1080,
  tags: "palaxy tracks, music, an episode, animation, music video"
}

现在假设我有一些jQuery代码,我只想检索标题和URL,但不想检索其他内容,并对它们执行某些操作,例如将它们推送到页面上的文本框或隐藏输入的值中。我已经看到了循环遍历它们的 $.each 方法,但我不会这样做。我只想要一些值,我想通过它们的键来获取它们。

以下是循环遍历它们的示例jQuery代码,我从jQuery API文档中获得。如何修改以仅获取这些特定值?

<script>
  $.getJSON("http://vimeo.com/api/v2/video/116213129.json?jsoncallback=?", function (result) {
    var title = result.title;
    var description = result.description;
    $("#popVals").click(function () {
      $('#Video_Title').val(title);
      $('#Video_Description').val(description);
    });
  });
</script>

来自 JQuery.getJSON 文档:

成功回调传递返回的数据,通常为 由 JSON 结构定义并解析的 JavaScript 对象或数组 使用 $.parseJSON() 方法。它还传递了文本状态 响应。

在您的情况下,它是一个 Javascript 对象,可以通过属性访问访问

<script>
  $.getJSON("http://vimeo.com/api/v2/video/116213129.json?jsoncallback=?", function (result) {
    var title = result.title;
    var url = result.url;
    //do something
  });
</script>