ajax не работает. jquery

я новичок в этой теме, я взял код с одного из сайтов и хотел проверить как он работает, но в итоге он не работает, в чем проблема?

function wall(id, callback, offset, count) {
  $.ajax({
    url: "https://api.vk.com/method/wall.get",
    data: {
      owner_id: id,
      extended: 0,
      v: "5.103",
      offset: offset || 0,
      count: count || 100     // maximum
    },
    dataType: "jsonp",
    success: callback
  });
}

function toTable(data) {
  var tbl = $('#res');
  var td = function (v) { return $("<td>").text(v); }
  var tr = function (item, index) {
    $("<tr>")
        .append(td(index))
        .append(td(new Date(item.date * 1000).toLocaleString()))
        .append(td(item.id))
        .append(td(item.from_id))
        .append(td(item.owner_id))
        .append(td(item.text.substr(0, 20) + "..."))
        .appendTo(tbl);
  };
  data.response.items.forEach(tr);
}

$(function () { wall(1, toTable, 0, 5); });
#res { border-collapse: collapse; border-color: silver;}
#res tr:first-child { font-weight: bold; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<body>
<table id="res" border="1">
    <tr>
        <td>index</td>
        <td>date</td>
        <td>id</td>
        <td>from_id</td>
        <td>owner_id</td>
        <td>text</td>
    </tr>
</table>

должно получится так должно получится так

а получается вот так а получается вот так


Ответы (0 шт):