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
  • …
 
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>untitled</title>
    <style type="text/css">
        body { text-align: center; }
    </style>
</head>
<body onLoad="gova();">
​
    <div id="container">
​
    </div>
    <table id="userdata" border="1">
        <thead>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Email Address</th>
            <th>City</th>
        </thead>
        <tbody></tbody>
    </table>
  
    <script id="userTemplate" type="text/x-jquery-tmpl">
        <tr>
            <td>${first}</td>
            <td>${last}</td>
            <td>${email}</td>
            <td>${city}</td>
        </tr>
    </script>
​
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>   
<script src="https://raw.github.com/jquery/jquery-tmpl/master/jquery.tmpl.min.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript">
function gova() {
    requestCrossDomainJSON(
        'http://mapleleafrealities.com/jsondata.php',
        function(results) {
            var i, t = $('#userTemplate'), tbody = $('#userdata tbody');
            for (var i = 0; i < results.userdata.length; i++) {
                t.tmpl(results.userdata[i]).appendTo(tbody);
            }
        }
    );
    return false;
}
</script>
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers