\u56fe\u5e93API\u63a5\u53e3<\/title>\n <link rel=\"icon\" type=\"image\/x-icon\" href=\"favicon.ico\">\n <link href=\"https:\/\/asaki.rwklyd.cn\/API\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n <style>\n body {\n background-color: #f5f5f5;\n font-family: Arial, sans-serif;\n }\n \n .container {\n background-color: #fff;\n \/* padding: 20px; *\/\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n }\n \n select.form-control {\n margin-bottom: 10px;\n }\n \n h4 {\n margin-top: 20px;\n }\n \n #selectedImage {\n max-width: 100%;\n border: 1px solid #ccc;\n box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);\n max-width: 90%;\n \/* \u9ed8\u8ba4\u5bbd\u5ea6\u4e3a 70% *\/\n margin: 0 auto;\n \/* \u5c45\u4e2d\u663e\u793a *\/\n }\n \n #imageLink {\n margin-top: 10px;\n font-size: 16px;\n color: #007bff;\n }\n \n #Buttonxyz {\n font-size: 15px;\n margin-top: 10px;\n background-color: pink;\n color: #fff;\n border: none;\n padding: 10px 15px;\n border-radius: 5px;\n cursor: pointer;\n }\n \n .d-flex {\n display: flex !important;\n flex-direction: column;\n }\n \n #Buttonxyz {\n margin: 18px;\n border: none;\n }\n \n .custom-select {\n max-height: 38px;\n overflow-y: auto;\n }\n \n .col-md-4 {\n padding: 0px 5px;\n }\n \n \/*img,*\/\n \/*video {*\/\n \/* cursor: pointer;*\/\n \/*}*\/\n <\/style>\n<\/head>\n\n<body>\n \n <div class=\"container mt-1\">\n <div class=\"row\">\n \n <div class=\"col-md-6\">\n <div class=\"row mt-4\">\n <div class=\"col-md-12\">\n <div class=\"mt-2\" style=\"text-align: center;\">\n <img decoding=\"async\" alt=\"\" id=\"selectedImage\" src=\"\" style=\"width: 90%;\">\n <\/div>\n <div class=\"mt-2\" style=\"text-align: center;\">\n <video id=\"selemp4\" src=\"\" autoplay=\"autoplay\" controls style=\"width: 100%;\"><\/video>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"col-md-6\">\n \n <div class=\"row mt-4\">\n <div class=\"col-md-4\">\n <select class=\"custom-select\" id=\"category\">\n <option value=\"\">\u9009\u62e9\u5206\u7c7b<\/option>\n <\/select>\n <\/div>\n <div class=\"col-md-4\">\n <select class=\"custom-select\" id=\"subcategory\">\n <option value=\"\">\u9009\u62e9\u5b50\u5206\u7c7b<\/option>\n <\/select>\n <\/div>\n <div class=\"col-md-4\">\n <select class=\"custom-select\" id=\"subsubcategory\">\n <option value=\"\">\u9009\u62e9\u4e09\u7ea7\u5206\u7c7b<\/option>\n <\/select>\n <\/div>\n <\/div>\n <p id=\"imageLink\" style=\"display: none;\"><\/p>\n <div class=\"row mt-4\">\n <div class=\"col-md-12\">\n <div class=\"d-flex\">\n <button class=\"btn btn-primary ml-1\" id=\"Buttonxyz\">\u6362\u4e00\u6279<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/jquery.min.js\"><\/script>\n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/bootstrap.min.js\"><\/script>\n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/clipboard.min.js\"><\/script>\n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/layer\/layer.js\"><\/script>\n \n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/data.js\"><\/script>\n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/changeBatch.js\"><\/script>\n \n \n\n <script>\n $(document).ready(function() {\n const $category = $(\"#category\");\n const $subcategory = $(\"#subcategory\");\n const $subsubcategory = $(\"#subsubcategory\");\n const $selectedImage = $(\"#selectedImage\");\n const $selemp4 = $(\"#selemp4\");\n const $imageLink = $(\"#imageLink\");\n\n $category.html(`<option value=''>\u9009\u62e9\u5206\u7c7b<\/option>${Info.map(category => `<option value='${category.value}'>${category.label}<\/option>`).join('')}`);\n\n $category.change(function () {\n const selectedCategoryValue = $(this).val();\n let subcategoryOptions = \"<option value=''>\u9009\u62e9\u5b50\u5206\u7c7b<\/option>\";\n\n if (selectedCategoryValue !== \"\") {\n const selectedCategory = Info.find(category => category.value == selectedCategoryValue);\n\n if (selectedCategory && selectedCategory.children) {\n $.each(selectedCategory.children, function (index, subcategory) {\n subcategoryOptions += `<option value='${subcategory.value}'>${subcategory.label}<\/option>`;\n });\n }\n }\n\n $subcategory.html(subcategoryOptions);\n $subsubcategory.html(\"<option value=''>\u9009\u62e9\u4e09\u7ea7\u5206\u7c7b<\/option>\");\n });\n\n $subcategory.change(function () {\n const selectedSubcategoryValue = $(this).val();\n let subsubcategoryOptions = \"<option value=''>\u9009\u62e9\u4e09\u7ea7\u5206\u7c7b<\/option>\";\n\n if (selectedSubcategoryValue !== \"\") {\n const selectedSubcategory = Info.reduce((found, category) => found || (category.children.find(subcategory => subcategory.value == selectedSubcategoryValue) || null), null);\n\n if (selectedSubcategory && selectedSubcategory.children) {\n $.each(selectedSubcategory.children, function (index, subsubcategory) {\n subsubcategoryOptions += `<option value='${subsubcategory.value}'>${subsubcategory.label}<\/option>`;\n });\n }\n }\n\n $subsubcategory.html(subsubcategoryOptions);\n });\n\n $(\"select\").change(function () {\n let subCategory;\n let parentCategory;\n const selectedValue = $(this).val();\n const selectedText = $(this).find(\"option:selected\").text();\n let link = \"\";\n\n if ($(this).attr(\"id\") === \"category\") {\n $imageLink.text(`https:\/\/hefollo.cn\/apis.php?type=${selectedText}`);\n } else if ($(this).attr(\"id\") === \"subcategory\") {\n parentCategory = $category.find(\"option:selected\").text();\n $imageLink.text(`https:\/\/hefollo.cn\/apis.php?type=${parentCategory}\/${selectedText}`);\n } else {\n parentCategory = $category.find(\"option:selected\").text();\n subCategory = $subcategory.find(\"option:selected\").text();\n $imageLink.text(`https:\/\/hefollo.cn\/apis.php?type=${parentCategory}\/${subCategory}\/${selectedText}`);\n }\n\n if ($(this).attr(\"id\") === \"category\") {\n link = `https:\/\/hefollo.cn\/apis.php?type=${selectedText}`;\n } else if ($(this).attr(\"id\") === \"subcategory\") {\n parentCategory = $category.find(\"option:selected\").text();\n link = `https:\/\/hefollo.cn\/apis.php?type=${parentCategory}\/${selectedText}`;\n } else {\n parentCategory = $category.find(\"option:selected\").text();\n subCategory = $subcategory.find(\"option:selected\").text();\n link = `https:\/\/hefollo.cn\/apis.php?type=${parentCategory}\/${subCategory}\/${selectedText}`;\n }\n\n $selectedImage.attr(\"src\", link);\n $selemp4.attr(\"src\", link);\n console.log(\"\u94fe\u63a5\uff1a\" + link);\n $selemp4.css({ width: '0%' });\n\n const elevideo = $selemp4[0];\n\n elevideo.addEventListener('loadedmetadata', function () {\n $selemp4.css({ width: '50%', height: '100%' });\n console.log(\"\u89c6\u9891\u603b\u957f\u5ea6\uff1a\" + elevideo.duration);\n });\n\n elevideo.addEventListener('ended', function () {\n console.log(\"\u64ad\u653e\u7ed3\u675f\");\n $selemp4.attr(\"src\", link);\n }, false);\n });\n\n $(\"#Buttonxyz\").click(function () {\n $selectedImage.attr(\"src\", $imageLink.text() + \"&s=\" + Math.random());\n $selemp4.attr(\"src\", $imageLink.text() + \"&s=\" + Math.random());\n });\n\n $category.val(Info[0].value).change();\n $subcategory.val(Info[0].children[0].value).change();\n });\n <\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u56fe\u5e93API\u63a5\u53e3 \u9009\u62e9\u5206\u7c7b \u9009\u62e9\u5b50\u5206\u7c7b \u9009\u62e9\u4e09\u7ea7\u5206\u7c7b \u6362\u4e00\u6279<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"class_list":["post-364","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/pages\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=364"}],"version-history":[{"count":6,"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/pages\/364\/revisions"}],"predecessor-version":[{"id":787,"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/pages\/364\/revisions\/787"}],"wp:attachment":[{"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":364,"date":"2024-04-29T21:08:03","date_gmt":"2024-04-29T13:08:03","guid":{"rendered":"http:\/\/asaki.rwklyd.cn\/?page_id=364"},"modified":"2026-07-13T17:27:21","modified_gmt":"2026-07-13T09:27:21","slug":"api%e5%9b%be%e5%ba%93","status":"publish","type":"page","link":"https:\/\/asaki.rwklyd.cn\/?page_id=364","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n \n \n \u56fe\u5e93API\u63a5\u53e3<\/title>\n <link rel=\"icon\" type=\"image\/x-icon\" href=\"favicon.ico\">\n <link href=\"https:\/\/asaki.rwklyd.cn\/API\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n <style>\n body {\n background-color: #f5f5f5;\n font-family: Arial, sans-serif;\n }\n \n .container {\n background-color: #fff;\n \/* padding: 20px; *\/\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n }\n \n select.form-control {\n margin-bottom: 10px;\n }\n \n h4 {\n margin-top: 20px;\n }\n \n #selectedImage {\n max-width: 100%;\n border: 1px solid #ccc;\n box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);\n max-width: 90%;\n \/* \u9ed8\u8ba4\u5bbd\u5ea6\u4e3a 70% *\/\n margin: 0 auto;\n \/* \u5c45\u4e2d\u663e\u793a *\/\n }\n \n #imageLink {\n margin-top: 10px;\n font-size: 16px;\n color: #007bff;\n }\n \n #Buttonxyz {\n font-size: 15px;\n margin-top: 10px;\n background-color: pink;\n color: #fff;\n border: none;\n padding: 10px 15px;\n border-radius: 5px;\n cursor: pointer;\n }\n \n .d-flex {\n display: flex !important;\n flex-direction: column;\n }\n \n #Buttonxyz {\n margin: 18px;\n border: none;\n }\n \n .custom-select {\n max-height: 38px;\n overflow-y: auto;\n }\n \n .col-md-4 {\n padding: 0px 5px;\n }\n \n \/*img,*\/\n \/*video {*\/\n \/* cursor: pointer;*\/\n \/*}*\/\n <\/style>\n<\/head>\n\n<body>\n \n <div class=\"container mt-1\">\n <div class=\"row\">\n \n <div class=\"col-md-6\">\n <div class=\"row mt-4\">\n <div class=\"col-md-12\">\n <div class=\"mt-2\" style=\"text-align: center;\">\n <img decoding=\"async\" alt=\"\" id=\"selectedImage\" src=\"\" style=\"width: 90%;\">\n <\/div>\n <div class=\"mt-2\" style=\"text-align: center;\">\n <video id=\"selemp4\" src=\"\" autoplay=\"autoplay\" controls style=\"width: 100%;\"><\/video>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"col-md-6\">\n \n <div class=\"row mt-4\">\n <div class=\"col-md-4\">\n <select class=\"custom-select\" id=\"category\">\n <option value=\"\">\u9009\u62e9\u5206\u7c7b<\/option>\n <\/select>\n <\/div>\n <div class=\"col-md-4\">\n <select class=\"custom-select\" id=\"subcategory\">\n <option value=\"\">\u9009\u62e9\u5b50\u5206\u7c7b<\/option>\n <\/select>\n <\/div>\n <div class=\"col-md-4\">\n <select class=\"custom-select\" id=\"subsubcategory\">\n <option value=\"\">\u9009\u62e9\u4e09\u7ea7\u5206\u7c7b<\/option>\n <\/select>\n <\/div>\n <\/div>\n <p id=\"imageLink\" style=\"display: none;\"><\/p>\n <div class=\"row mt-4\">\n <div class=\"col-md-12\">\n <div class=\"d-flex\">\n <button class=\"btn btn-primary ml-1\" id=\"Buttonxyz\">\u6362\u4e00\u6279<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/jquery.min.js\"><\/script>\n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/bootstrap.min.js\"><\/script>\n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/clipboard.min.js\"><\/script>\n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/layer\/layer.js\"><\/script>\n \n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/data.js\"><\/script>\n <script src=\"https:\/\/asaki.rwklyd.cn\/API\/js\/changeBatch.js\"><\/script>\n \n \n\n <script>\n $(document).ready(function() {\n const $category = $(\"#category\");\n const $subcategory = $(\"#subcategory\");\n const $subsubcategory = $(\"#subsubcategory\");\n const $selectedImage = $(\"#selectedImage\");\n const $selemp4 = $(\"#selemp4\");\n const $imageLink = $(\"#imageLink\");\n\n $category.html(`<option value=''>\u9009\u62e9\u5206\u7c7b<\/option>${Info.map(category => `<option value='${category.value}'>${category.label}<\/option>`).join('')}`);\n\n $category.change(function () {\n const selectedCategoryValue = $(this).val();\n let subcategoryOptions = \"<option value=''>\u9009\u62e9\u5b50\u5206\u7c7b<\/option>\";\n\n if (selectedCategoryValue !== \"\") {\n const selectedCategory = Info.find(category => category.value == selectedCategoryValue);\n\n if (selectedCategory && selectedCategory.children) {\n $.each(selectedCategory.children, function (index, subcategory) {\n subcategoryOptions += `<option value='${subcategory.value}'>${subcategory.label}<\/option>`;\n });\n }\n }\n\n $subcategory.html(subcategoryOptions);\n $subsubcategory.html(\"<option value=''>\u9009\u62e9\u4e09\u7ea7\u5206\u7c7b<\/option>\");\n });\n\n $subcategory.change(function () {\n const selectedSubcategoryValue = $(this).val();\n let subsubcategoryOptions = \"<option value=''>\u9009\u62e9\u4e09\u7ea7\u5206\u7c7b<\/option>\";\n\n if (selectedSubcategoryValue !== \"\") {\n const selectedSubcategory = Info.reduce((found, category) => found || (category.children.find(subcategory => subcategory.value == selectedSubcategoryValue) || null), null);\n\n if (selectedSubcategory && selectedSubcategory.children) {\n $.each(selectedSubcategory.children, function (index, subsubcategory) {\n subsubcategoryOptions += `<option value='${subsubcategory.value}'>${subsubcategory.label}<\/option>`;\n });\n }\n }\n\n $subsubcategory.html(subsubcategoryOptions);\n });\n\n $(\"select\").change(function () {\n let subCategory;\n let parentCategory;\n const selectedValue = $(this).val();\n const selectedText = $(this).find(\"option:selected\").text();\n let link = \"\";\n\n if ($(this).attr(\"id\") === \"category\") {\n $imageLink.text(`https:\/\/hefollo.cn\/apis.php?type=${selectedText}`);\n } else if ($(this).attr(\"id\") === \"subcategory\") {\n parentCategory = $category.find(\"option:selected\").text();\n $imageLink.text(`https:\/\/hefollo.cn\/apis.php?type=${parentCategory}\/${selectedText}`);\n } else {\n parentCategory = $category.find(\"option:selected\").text();\n subCategory = $subcategory.find(\"option:selected\").text();\n $imageLink.text(`https:\/\/hefollo.cn\/apis.php?type=${parentCategory}\/${subCategory}\/${selectedText}`);\n }\n\n if ($(this).attr(\"id\") === \"category\") {\n link = `https:\/\/hefollo.cn\/apis.php?type=${selectedText}`;\n } else if ($(this).attr(\"id\") === \"subcategory\") {\n parentCategory = $category.find(\"option:selected\").text();\n link = `https:\/\/hefollo.cn\/apis.php?type=${parentCategory}\/${selectedText}`;\n } else {\n parentCategory = $category.find(\"option:selected\").text();\n subCategory = $subcategory.find(\"option:selected\").text();\n link = `https:\/\/hefollo.cn\/apis.php?type=${parentCategory}\/${subCategory}\/${selectedText}`;\n }\n\n $selectedImage.attr(\"src\", link);\n $selemp4.attr(\"src\", link);\n console.log(\"\u94fe\u63a5\uff1a\" + link);\n $selemp4.css({ width: '0%' });\n\n const elevideo = $selemp4[0];\n\n elevideo.addEventListener('loadedmetadata', function () {\n $selemp4.css({ width: '50%', height: '100%' });\n console.log(\"\u89c6\u9891\u603b\u957f\u5ea6\uff1a\" + elevideo.duration);\n });\n\n elevideo.addEventListener('ended', function () {\n console.log(\"\u64ad\u653e\u7ed3\u675f\");\n $selemp4.attr(\"src\", link);\n }, false);\n });\n\n $(\"#Buttonxyz\").click(function () {\n $selectedImage.attr(\"src\", $imageLink.text() + \"&s=\" + Math.random());\n $selemp4.attr(\"src\", $imageLink.text() + \"&s=\" + Math.random());\n });\n\n $category.val(Info[0].value).change();\n $subcategory.val(Info[0].children[0].value).change();\n });\n <\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u56fe\u5e93API\u63a5\u53e3 \u9009\u62e9\u5206\u7c7b \u9009\u62e9\u5b50\u5206\u7c7b \u9009\u62e9\u4e09\u7ea7\u5206\u7c7b \u6362\u4e00\u6279<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"class_list":["post-364","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/pages\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=364"}],"version-history":[{"count":6,"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/pages\/364\/revisions"}],"predecessor-version":[{"id":787,"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=\/wp\/v2\/pages\/364\/revisions\/787"}],"wp:attachment":[{"href":"https:\/\/asaki.rwklyd.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}