即使在$（document）.ready函数内部开始编写时，Ajax调用也在执行

Question

在我的代码中，我正在尝试在ajax调用中加载页面，并且在页面加载之后，我想相应地将数据放入加载的jsp中。 我尝试过几件事。 但没有任何工作：

1. 我尝试下面的代码：在执行期间的下面的代码中，调试器进入第4行，然后它跳转到第25行的方法并执行它，然后最后它返回到ajax然后执行ajax调用并显示警报。

下面的代码写在$(document).ready(function())。

中

由于这一点，我加载的jsp页面中的所有除法和标记都是空的。 它在执行后直接在页面上显示变量。

    if(condition1){
        var var1= data //some json data;
        if(condtition == true){
            $.ajax({ //line: 4
                type : "GET",
                contentType : "application/json",
                data : "id" + Math.random(),
                url : "url", // change to full path of file on server
                success : function (data)  // line 9
                alert("ajax call"); // line 10
                console.log("calling :home.jsp");
                $('.divClass').load('url/home.jsp');
                console.log("called");  
                },
                /* complete: function (data) {
                    alert("ajax call completed"); 
                    alert("done");
                    myFunctionToProcessData(var1); 
                     }, */
                error: function(err){
                    alert(err);
                }
            });
            }
        myFunctionToProcessData(var1);  // 25   line            
    }

我想首先加载页面然后想要将数据插入到页面中。

我尝试过.done（）,. complete（）,. ajaxStop（）和.ajaxComplete（）。这些都行不通。 我希望我已经解释了我的问题。