个人中心
gpt4 book ai didi

javascript - SyntaxError : JSON. 解析:youtube api 搜索出现意外字符

转载 作者：行者123 更新时间：2023-12-03 05:41:07 24 4
gpt4 key购买 nike

我正在使用 google api search javascript code用于在我的网页中搜索视频，但稍作修改。我留下用于搜索的代码:
搜索.js 

/*global gapi*/

// After the API loads, call a function to enable the search box.
function handleAPILoaded() {
    $('#search-button').attr('disabled', false);
}

// Search for a specified string.
function search() {
    var q = $('#query').val();
    var request = gapi.client.youtube.search.list({
        q: q,
        part: 'snippet'
    });

    request.execute(function(response) {
        var str = JSON.stringify(response.result);
        $('#search-container').html('<pre>' + str + '</pre>');
    });
}
// Search for a specified string.
function searchGET() {
    var q = $('#query').val();

    var url = "https://www.googleapis.com/youtube/v3/search?part=snippet&q="+q+"HERE_MY_API_KEY";

    $.get(url, function(response) {
        var str = JSON.stringify(response.result);
        $('#search-container').html('<pre>' + str + '</pre>');
    });
}
我把 HERE_MY_API_KEY是我的 API key ，但我已将其删除。然后我有另一个文件 search.html包含这个:
搜索.html 
<!doctype html>
<html>
<head>
    <title>Search</title>
</head>
<body>
<div id="buttons">
    <label>
        <input id="query" value='cats' type="text"/>
        <button id="search-button" disabled onclick="searchGET()">Search</button>
    </label>
</div>
<div id="search-container">
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="search.js"></script>
<script src="//apis.google.com/js/client.js?onload=handleAPILoaded"></script>
</body>
</html>
这给了我一个 undefined错误，有了这个，我想我必须更改 JSON.stringify与 JSON.parse ，因此，在更改它时，它给了我另一个错误: 
SyntaxError: JSON.parse: unexpected character

var str = JSON.parse(response.result);
但在控制台中，我可以看到搜索查询 --> http://screencloud.net/v/tI3m
那么，它有什么问题呢？如果我希望它显示搜索查询的所有视频，我该怎么办？
谢谢!

最佳答案

好吧，我使用下一个代码(检查您的 key 和权限)

<!doctype html>
<html>
<head>
    <title>Search</title>
</head>
<body>
<div id="buttons">
    <label>
        <input id="query" value='cats' type="text"/>
        <button id="search-button" disabled onclick="searchGET()">Search</button>
    </label>
</div>
<div id="search-container">
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
  /*global gapi*/

// After the API loads, call a function to enable the search box.
function handleAPILoaded() {
    $('#search-button').attr('disabled', false);
}

// Search for a specified string.
function search() {
    var q = $('#query').val();
    var request = gapi.client.youtube.search.list({
        q: q,
        part: 'snippet'
    });

    request.execute(function(response) {
        var str = JSON.stringify(response.result);
        $('#search-container').html('<pre>' + str + '</pre>');
    });
}
// Search for a specified string.
function searchGET() {
    var q = $('#query').val();

    var url = "https://www.googleapis.com/youtube/v3/search?part=snippet&q="+q+"&key=AIzaSyB1uMymPwFOBRABjKGCf7YRf6RMUG6SUEY";

    $.get(url, function(response) {
        var str = JSON.stringify(response);
        $('#search-container').html('<pre>' + str + '</pre>');
    });
}
</script>
<script src="//apis.google.com/js/client.js?onload=handleAPILoaded"></script>
</body>
</html>

试试看 here

并得到结果 
{"kind":"youtube#searchListResponse","etag":"\"BDC7VThyM9nfoSQm1_kOyhtJTEw/CwfaJ1oEKUon11qi2aCXuHjIjwM\"","nextPageToken":"CAUQAA","pageInfo":{"totalResults":1000000,"resultsPerPage":5},"items":[{"kind":"youtube#searchResult","etag":"\"BDC7VThyM9nfoSQm1_kOyhtJTEw/m584ANOrYyzMPZvSmJYQub5jENU\"","id":{"kind":"youtube#channel","channelId":"UC9egiwuJsQZ0Cy2to5fvSIQ"},"snippet":{"publishedAt":"2013-11-29T09:26:45.000Z","channelId":"UC9egiwuJsQZ0Cy2to5fvSIQ","title":"Cat - Topic","description":"The domestic cat is a small, usually furry, domesticated, and carnivorous mammal. It is often called the housecat when kept as an indoor pet, or simply the c...","thumbnails":{"default":{"url":"https://i.ytimg.com/i/9egiwuJsQZ0Cy2to5fvSIQ/1.jpg"},"medium":{"url":"https://i.ytimg.com/i/9egiwuJsQZ0Cy2to5fvSIQ/mq1.jpg"},"high":{"url":"https://i.ytimg.com/i/9egiwuJsQZ0Cy2to5fvSIQ/hq1.jpg"}},"channelTitle":"","liveBroadcastContent":"none"}},{"kind":"youtube#searchResult","etag":"\"BDC7VThyM9nfoSQm1_kOyhtJTEw/W9FYP9wl4EdzxhVmdz7_NQtaD6I\"","id":{"kind":"youtube#video","videoId":"7w6Riv_KAqM"},"snippet":{"publishedAt":"2014-03-09T12:57:29.000Z","channelId":"UCKy3MG7_If9KlVuvw3rPMfw","title":"Funny cats massaging and petting dogs - Cute animal compilation","description":"Some cats really love to massage and pet dogs, I wonder why they to that :P And looks like dogs don't mind that at all, they love it! Well there are of cours...","thumbnails":{"default":{"url":"https://i.ytimg.com/vi/7w6Riv_KAqM/default.jpg"},"medium":{"url":"https://i.ytimg.com/vi/7w6Riv_KAqM/mqdefault.jpg"},"high":{"url":"https://i.ytimg.com/vi/7w6Riv_KAqM/hqdefault.jpg"}},"channelTitle":"wloltigerlolw2","liveBroadcastContent":"none"}},{"kind":"youtube#searchResult","etag":"\"BDC7VThyM9nfoSQm1_kOyhtJTEw/TIAyNE-qv58TKdffi2KhU_jnk_o\"","id":{"kind":"youtube#video","videoId":"FKkejo2dMV4"},"snippet":{"publishedAt":"2013-12-31T08:37:23.000Z","channelId":"UCfCXwyxWH3NiVdjavurcLwQ","title":"Funny Cats Compilation 20 min - Happy New Year 2014","description":"Happy New Year - Cats Compilation.","thumbnails":{"default":{"url":"https://i.ytimg.com/vi/FKkejo2dMV4/default.jpg"},"medium":{"url":"https://i.ytimg.com/vi/FKkejo2dMV4/mqdefault.jpg"},"high":{"url":"https://i.ytimg.com/vi/FKkejo2dMV4/hqdefault.jpg"}},"channelTitle":"anacalderon1","liveBroadcastContent":"none"}},{"kind":"youtube#searchResult","etag":"\"BDC7VThyM9nfoSQm1_kOyhtJTEw/JDIMyoezvLtntqLWAPSgYz3DhXM\"","id":{"kind":"youtube#video","videoId":"QdIz_vzVJ0w"},"snippet":{"publishedAt":"2014-03-09T16:58:58.000Z","channelId":"UC7Hs0659Yc82h7Snhjnfd4g","title":"Black Cats - Cheghad Asheghetam OFFICIAL VIDEO HD","description":"Join Black Cats & all your favorite artists: http://fb.com/avangmusic artist: BLACK CATS song: CHEGHAD ASHEGHETAM label: AVANG MUSIC director: ALEX ...","thumbnails":{"default":{"url":"https://i.ytimg.com/vi/QdIz_vzVJ0w/default.jpg"},"medium":{"url":"https://i.ytimg.com/vi/QdIz_vzVJ0w/mqdefault.jpg"},"high":{"url":"https://i.ytimg.com/vi/QdIz_vzVJ0w/hqdefault.jpg"}},"channelTitle":"avangmusic","liveBroadcastContent":"none"}},{"kind":"youtube#searchResult","etag":"\"BDC7VThyM9nfoSQm1_kOyhtJTEw/1Q6JkbgdyLLplxc6KxyYQ9-bdjM\"","id":{"kind":"youtube#video","videoId":"Kdgt1ZHkvnM"},"snippet":{"publishedAt":"2013-02-06T13:37:46.000Z","channelId":"UCb91Zl2MxLmUwriNocKeYnQ","title":"Epic Funny Cats 20 Minutes","description":"More funny cats -- http://www.catsbook.co Epic Funny Cats 20 Minutes http://www.catsbook.co http://www.facebook.com/Catsbook.co ...","thumbnails":{"default":{"url":"https://i.ytimg.com/vi/Kdgt1ZHkvnM/default.jpg"},"medium":{"url":"https://i.ytimg.com/vi/Kdgt1ZHkvnM/mqdefault.jpg"},"high":{"url":"https://i.ytimg.com/vi/Kdgt1ZHkvnM/hqdefault.jpg"}},"channelTitle":"CrazyCats2020","liveBroadcastContent":"none"}}]}

在页面

关于javascript - SyntaxError : JSON. 解析:youtube api 搜索出现意外字符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22299129/

24 4 0
文章推荐： list - 如何使用Java使用youtube API v3获取视频的URL
文章推荐： gradle - Gradle SSH插件从本地vm传输文件到远程vm
文章推荐： variables - gradle fileTree具有可变目录
文章推荐： java - 使用 Gradle 的 IntelliJ 插件提供 java.lang.NoClassDefFoundError
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com