javascript - 如何获取 ajax 请求响应中存在的图像的位置并使用位置绘制线

Question

仅在 jquery ajax 调用完全完成并且响应完全加载到浏览器中后，如何进行 js 函数调用。我正在尝试将 ajax 调用的响应加载到 div 标签中。

加载响应后，我想获取 ajax 调用响应中存在的图像的位置。使用该位置，我将在同一 div 标签中的图像之间画线。

问题是：在浏览器中完全呈现ajax响应之前，调用js函数并使用错误的位置绘制线条。

function loadMap(formId, url, divID)
{

    event.preventDefault();
    var values = $("#"+formId).serialize();
    openDialog();
    $.ajax({
        url : url,
        type : "post",
        data : values,
         async: false,
         cache: false,
        success : function(result) 
        {
            closeDialog();
            $("#"+divID).html(result);
        },
        error : function()
        {
            loadSessionExpiredPage();
        },
    });
    alert("Ajax call Completed");
        drawMap(); // Taking the position of images from response text and Draw lines in the  div tag where a loaded the response text.
}

Answer 1

在您调用的浏览器中加载图像后调用 loadmap 但未加载图像，因此您无法获得正确的位置

结果来了然后使用加载

喜欢

$('<img/>').load(function(){ // in this you call your function });

Answer 2

您可以使用 setTimeOut 在 Ajax 响应的成功部分编写 drawMap() 方法调用。

success : function(result) 
{
    closeDialog();
    $("#"+divID).html(result);
    setTimeout(function() {
        drawMap();
    }, 1000);
},