Question

我当前正在创建一个带有“开始/停止”按钮的JSP页面。在按下start之后，每3秒钟，它将使用Jquery和AJAX与servlet进行通信，以请求图像和一些文本，然后更新页面。它会一直继续，直到再次按下按钮要求停止。

我不知道如何处理包含数据和图像的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();
});

这可以使用正常字符串（get而不是getJSON）进行一些测试，但是我不确定如何从这里继续前进！

在单个AJAX调用中从servlet接收图像和文本

0 个答案: