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

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()

Phil
– Phil

2018-10-15 23:56:23 +00:00
Commented Oct 15, 2018 at 23:56 — Phil
– Phil, Commented Oct 15, 2018 at 23:56

Phil · Accepted Answer · 2018-10-16 00:01:52Z

1

You can use fetch api like so:

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

edited Oct 16, 2018 at 0:01

Phil

166k25 gold badges265 silver badges269 bronze badges

answered Oct 15, 2018 at 23:56

Natan Farkash

2743 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JasonSikes Over a year ago

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.

Ernani Azevedo · Accepted Answer · 2018-10-15 23:58:23Z

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, 2018 at 23:58

Ernani Azevedo

4612 silver badges6 bronze badges

1 Comment

JasonSikes Over a year ago

Thank you for showing that I should use AJAX to do this.

Collectives™ on Stack Overflow

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

2 Answers 2

1 Comment

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Linked

Related