сделать новый запрос изображения на клик

Question

Я хочу сделать запрос, чтобы получить новое случайное изображение из 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 для этого?

Answer 1

Это происходит потому, что браузер уже загрузил этот ресурс. Вы должны изменить URL-адрес, чтобы загрузить новое фоновое изображение.

попробовать что-то вроде этого:

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