how to write $.get(url, function(data) in pure JavaScript

Question

Here is what I'm trying to figure out. How to write $.get(url,function(data) { code }; in pure JavaScript.

function newimage(keyword){
  if(!ACCESS_KEY){
    alert("Please update your access key");
    return;
  }
  var url = `https://api.unsplash.com/search/photos?query=${keyword}&per_page=20&orientation=landscape&client_id=${ACCESS_KEY}`;
  $.get(url,function(data){
    var picture = data.results[0];
    var picture_url = picture.urls.raw;
    var photo_by_name = picture.user.name;
    var photo_by_url = picture.user.links.html;
    setCookie("picture",picture_url,0.5);
    setCookie("photo-by-name",photo_by_name,0.5);
    setCookie("photo-by-url",photo_by_url,0.5);
    picInterest.innterHTML = `${keyword}`;
    photoBy.innterHTML = `${photoByUrl}`;
    photoBy.setAttribute('html', photoByUrl);
    document.querySelector("body").style.backgroundImage = `url(${pictureUrl})`;
    pictureOption.style.display = "block";
  });
}

Check out [`fetch()`](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) — Phil, Oct 15 '18 at 23:56

score 1 · Answer 1 · edited Oct 16 '18 at 00:01

1

You can use fetch api like so:

fetch(url).then(res => res.json()).then(data => {
  //whatever you want
})

edited Oct 16 '18 at 00:01

Phil

157,677
23
242
245

answered Oct 15 '18 at 23:56

Natan Farkash

256
3
4

1

Thank you. I am new to coding and have not learned all the different syntax for javascript. So, I was unaware of a different way to approach this. But thank you for pointing it out. – JasonSikes Oct 16 '18 at 00:18

score 0 · Answer 2 · answered Oct 15 '18 at 23:58

0

You could use this:

var url = `https://api.unsplash.com/search/photos?query=${keyword}&per_page=20&orientation=landscape&client_id=${ACCESS_KEY}`;
var xhr = new XMLHttpRequest ();
xhr.open ( "GET", url);
xhr.onreadystatechange = function ()
{
  if ( xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200)
  {
    // Here you handle the response
    // Result text will be accessible at xhr.responseText
  }
}
xhr.send ();

answered Oct 15 '18 at 23:58

Ernani Azevedo

461
2
6

Thank you for showing that I should use AJAX to do this. – JasonSikes Oct 16 '18 at 00:19

how to write $.get(url, function(data) in pure JavaScript

2 Answers2