Javascript 如何获取ajax请求响应中出现的图像的位置并使用位置绘制线

只有在jQueryAjax调用完全完成并将响应完全加载到浏览器中之后，我才能进行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.
}

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

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

---

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

结果出来后再使用

像

$（''）.load（function（）{//在这里您调用了您的函数}）；

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