Не удается просмотреть ответ JS API на веб-странице

Question

Прежде всего, я довольно новичок в работе с API и JS.

Я создал следующий запрос Get с использованием PostMan, и он отлично возвращает ожидаемые результаты в ответе JSON.

<script>
var settings = {
  "async": true,
  "crossDomain": true,
  "url": "http://www.reed.co.uk/api/1.0/search?keywords=construction&location=sheffield",
  "method": "GET",
  "headers": {
    "Content-Type": "application/x-www-form-urlencoded",
    "Authorization": "Basic NWFmZTBmOTAtMzQ4MC00ZDQ3LTgyMDYtMzUyOTgxNWE2MTBhOg==",
    "User-Agent": "PostmanRuntime/7.17.1",
    "Accept": "*/*",
    "Cache-Control": "no-cache",
    "Postman-Token": "f69f3ecb-2e0c-4fcc-9cfa-796115805319,6cd343e2-d8d8-412e-b505-34218c69adca",
    "Accept-Encoding": "gzip, deflate",
    "Cookie": "__cfduid=d569febd387dab8f972be1c6b2e2bd4341570112246; jsSplitTestGroup=8; .ASPXANONYMOUS=DF9G8b4OJy1PLMCJfQ-MY2TYySziRwo3Bm2dh7UcE9XCMvpkGsIREQYCT0qhS28zfqtWcBrGFmyOWNvp7xrMpdntsx8vldDCHlF15cGeN8eqL4-iyRTCsBFEWaLYnFGpHT7Biw2",
    "Referer": "http://www.reed.co.uk/api/1.0/search?keywords=construction&location=sheffield",
    "Connection": "keep-alive",
    "cache-control": "no-cache"
  }
}

$.ajax(settings).done(function (response) {
  console.log();
});
</script>

Теперь, когда я вставил это в свою страницу .html, в консоли не отображается ответ и не отображаются ошибки.

Как отобразить ответ JSON на веб-странице?

Большое спасибозаранее