Получение изображений и текста из сервлета за один вызов AJAX

Question

В настоящее время я создаю JSP-страницу с кнопкой запуска / остановки.После нажатия кнопки запуска каждые 3 секунды он использует Jquery и AJAX для связи с сервлетом, чтобы запросить изображение и текст, а затем обновляет страницу.Это продолжается до тех пор, пока не будет сказано, что нужно нажать кнопку еще раз.

Я не могу понять, как справиться с запросом ajax, содержащим данные + изображение.

Я пытался использовать JSON, но из чегоЯ понял, что преобразование изображения в формате JSON не очень хорошая идея.Я также пытался выполнить 2 разных AJAX-запроса, один для данных и один для изображения, но если они не приходят в правильном порядке, могут возникнуть проблемы.

Код Javascript:

var sendingCalls = false;
var intervalVar;

function ToggleCalls(){
    if(sendingCalls == false){
        intervalVar = setInterval(function(){ myCall(); }, 3000);
        sendingCalls = true;
    }
    else{
        clearInterval(intervalVar);
        sendingCalls = false;
    }
}

function myCall(){
    $.getJSON("myServlet", function(responseJSON) { 
        //parse the JSON and update the page
    });
}

$(document).on("click", "#StartStopButton", function() {
    ToggleCalls();
});

Это работало с некоторыми тестами с обычными строками (вместо getJSON вместо get), но я не уверен, как двигаться дальше!