tumblr api を呼び出して、必要なものを取得する方法を理解することができました。getJSON 呼び出しでアドレスとその他の変数をハードコーディングしている限り、正常に機能しています。呼び出し領域で変数を使用しようとすると、ハードドライブ上のファイルを開こうとするか、URL の先頭にある「http:」が削除されます。
私は何を間違っていますか?
<!DOCTYPE html>
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("button").click(function () {
SkipNbr = 0;
GetNbr = 50;
var a = "http://api.tumblr.com/v2/blog/";
var bname = "[myblogname].tumblr.com";
var c = "/posts/photo?api_key=";
var MyAPIkey = "myAPIkey";
var xx = "&limit="+GetNbr+"&offest="+SkipNbr+"?jsonp=?";
var callstring = "'"+a+bname+c+MyAPIkey+xx+"'";
console.log(callstring);
$.getJSON(callstring, function (data) {
// $.getJSON("http://api.tumblr.com/v2/blog/[myblogname].tumblr.com/posts/photo?api_key=[myAPIkey]&limit=GetNbr&offset=SkipNbr&jsonp=?", function (data) {
console.log(data.response.posts[0].caption);
$.each(data.response.posts, function (i, data) {
$("div").append(i+1 + " " + data.tags.toString() + "<br>");
});
});
});
});
</script>
<script type="text/javascript">
function myFunction()
{
SkipNbr = 0;
GetNbr = 50;
$.getJSON("http://api.tumblr.com/v2/blog/[myblogname].tumblr.com/posts/photo?api_key= [myAPIkey]&limit=GetNbr&offset=SkipNbr&jsonp=?", function (data) {
console.log(data.response.posts[0].caption);
alert(data.response.posts[0].caption);
$.each(data.response.posts, function (i, data) {
$("div").append(i+1 + " " + data.tags.toString() + "<br>");
});
}
</script>
</head>
<body>
<button>Get JSON data</button>
<script type="text/javascript">
//call after page loaded
// window.onload=myfunction();
</script>
<div></div>
</body>
</html>