点击即可创建新的图片请求

时间:2016-11-27 16:52:53

标签: javascript jquery ajax xmlhttprequest

我想请求从unsplash link.获取新的随机图片 我不确定这是否是正确的方法,但是概念是每当用户点击按钮时背景图像应该改变。这是我的代码。

$(document).ready(function() {
    var changeImg= function(obj){
        var imageSrc = 'https://source.unsplash.com/random/';
        $('body').css('background-image', 'url(' + imageSrc + ')');
    };
    $('#getImg').on("click", changeImg);
}

目前,只有刷新页面时图像才会更改。每次点击#getImg按钮时如何更改?我需要Ajax才能实现这一目标吗?

1 个答案:

答案 0 :(得分:1)

这是因为浏览器已经加载了这个资源。您应该更改URL以加载新的背景图像。

尝试这样的事情:

var imageSrc = 'https://source.unsplash.com/random/?n=' + Math.random();