- 締切済み
URLの値を取得
JavaScritpt初心者です。 はてなブックマーク件数取得APIの使い方についてです。 URLで取得できる数値を、関数でreturnしたいです。 URL＝http://api.b.st-hatena.com/entry.count?url=https://www.google.co.jp/ したいこと（不完全） function test(){ return <script src="http://api.b.st-hatena.com/entry.count?url=https://www.google.co.jp/"></script> } いろいろ調べてますが、、、情けないです。 使用例 http://d.hatena.ne.jp/amachang/20090811/1249963519 API公式 http://hatena.g.hatena.ne.jp/hatenabookmark/20090811/1249961864
- JavaScript
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- LancerVII
- ベストアンサー率51% (1060/2054)
- LancerVII
- ベストアンサー率51% (1060/2054)
>APIでURL、名前までは取得できますが、それぞれのはてなブックマーク数（当該）が取得できていません。さらに別のABIを使うため。 > >教えていただいたコードですと、onloadということですが、 >取得するURLがその都度変わるため困っています。 こんにちは。 どのAPIを利用してURLと名前を取得していますか？ それに件数は含まれてこないのでしょうか？ 現在、どのように実装しているか補足ください。 今、どのように動いてるかがわからないと、ずれた回答をしてしまいそうです。
お礼
お忙しいところ、大変ありがとうございます。 ソースをWebにあげました。 http://help2014.web.fc2.com/ 恐縮ですが、もしできましたら、ご確認いただければ幸いです。
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 >ありがとうございます。とても勉強になりました。 >jsファイル内に別のjsファイル読み込みは常識的にしないのでしょうか。 常識非常識ではなく、必要なら読み込みます。 さきのやり方だと、難しいことを考えずに実装できます。 > > >abc.jsファイル > >function hoo(){ >var container = document.getElementById("idtest"); >var htmlsuc=""; >htmlsuc+='<script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=document.write"></script>'; > >container.innerHTML = htmlsuc; >} > > >↑上手く行きませんが。 >困っています。 動的に読み込むなら以下のようになると思います。 ==== test.js var count = 0; window.onload = function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=hoo'; document.body.appendChild ( script ); } function hoo ( value ) { count = value; var container = document.getElementById("idtest"); container.innerHTML = value; } function getCount() { return count; } ==== HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>8440839</title> <script src="test.js"></script> </head> <body> <div id="idtest"></div> <button onclick="alert(getCount());">retrunされる値を表示</button> </body> </html>
お礼
度々すみません。 嫁のはてブ http://hatebu.straightline.jp/ のようなサイトを作りたいと考えてます。 APIでURL、名前までは取得できますが、それぞれのはてなブックマーク数（当該）が取得できていません。さらに別のABIを使うため。 教えていただいたコードですと、onloadということですが、 取得するURLがその都度変わるため困っています。 window.onloadを使わずにできないでしょうか。
補足
早速のご回答ありがとうございます。 回答者様のような才能が本当にうらやましいです。 自分にはセンスや頭のなさを痛感します。 一体どうしたら、そのようになれるか。。。 教えていただいたコードで、試行錯誤してみます。 自分は、理解力がなくノロマなので、時間がかかってしまいます。 また、質問させていただくかもしれませんが、何卒よろしくお願いします。
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 以下のようにすれば変数に値が入ります。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>8440839</title> <script> var bookmarkCount = 0; function setBookmarkCount ( value ) { // callback関数 bookmarkCount = value; } function getBookmarkCount() { return bookmarkCount; } window.onload = function() { // ページロード後に取得した件数の確認 alert ( getBookmarkCount() ); } </script> <script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=setBookmarkCount"></script> <style> </style> </head> <body> </body> </html>
お礼
ありがとうございます。とても勉強になりました。 jsファイル内に別のjsファイル読み込みは常識的にしないのでしょうか。 abc.jsファイル function hoo(){ var container = document.getElementById("idtest"); var htmlsuc=""; htmlsuc+='<script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=document.write"></script>'; container.innerHTML = htmlsuc; } ↑上手く行きませんが。 困っています。
補足
お忙しいところ、誠にありがとうございます。 とても参考になりました。 私の力不足のため、ゆっくりとコードを拝見して理解していきたいと思います。申し訳ありません。 jQueryというのは、初めて見ました。