首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何用纯JavaScript编写$.get(url,函数(数据)

如何用纯JavaScript编写$.get(url,函数(数据)
EN

Stack Overflow用户
提问于 2018-10-16 07:51:19
回答 2查看 222关注 0票数 -2

这就是我想要弄清楚的。如何用纯JavaScript编写$.get(url,function(data) { code };

代码语言: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";
  });
}
EN

回答 2

Stack Overflow用户

发布于 2018-10-16 07:56:49

fetch api的使用方法如下:

代码语言:javascript
复制
fetch(url).then(res => res.json()).then(data => {
  //whatever you want
})
票数 1
EN

Stack Overflow用户

发布于 2018-10-16 07:58:24

您可以使用以下代码:

代码语言:javascript
复制
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 ();
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52826175

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档