Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
    <script>
    var xmlhttp = new XMLHttpRequest();
    var url = "https://emma.pixnet.cc/mainpage/blog/categories/hot/23?page=1&per_page=10&api_version=2&format=json";
​
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var myArr = JSON.parse(xmlhttp.responseText);
            myFunction(myArr);
        }
    }
    xmlhttp.open("GET", url, true);
    xmlhttp.send();
​
    function myFunction(arr) {
        var data = arr.articles;
        var out = "";
        var i;
        for (i = 0; i < data.length; i++) {
            if ( data[i].thumb != "" ) out += '<img src="' + data[i].thumb + '" />';
            if ( data[i].title != "" ) out += '<p><a href="' + data[i].link + '" target="_blank">' + data[i].title + '</a></p>';
            out += '<p> </p>';
            if ( data[i].tags.length != 0 )
               {
                out += '<p>Tags: ';
                for (j = 0; j < data[i].tags.length; j++) {
                    out += data[i].tags[j].tag + ', ';
                }
                out += '</p>';
               }
            out += '<br /><br /><br />';
        }
        document.getElementById("pixnet-stuff").innerHTML = out;
    }
    </script>
</head>
<body>
    <div id="pixnet-stuff">
    </div>
</body>
</html>
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers