javascript - 使用jquery加载时同时动态设置不同HTML页面的按钮文本

我有两个HTML页面，其中我使用jquery在第一页中加载第二页。我要动态设置在加载第二页时存在的按钮文本。

码：

                $("#SerachForTruckTD").load("SearchBox.html");

                if(parsedOBJ.KIOSKTYPE == "THRU"){

                    $('#submitTruckPass').val('name1');
                    }
                    else if(parsedOBJ.KIOSKTYPE == "EX"){
                    $('#submitTruckPass').val('name 2');
                    }

我认为这里的问题是，当代码到达要设置按钮文本的位置时，页面尚未加载。因为在按如下所示设置按钮文本之前设置超时可以正常工作：

                setTimeout(() => {
                    if(parsedOBJ.KIOSKTYPE == "THRU"){

                    $('#submitTruckPass').val('name1');
                    }
                    else if(parsedOBJ.KIOSKTYPE == "EX"){
                    $('#submitTruckPass').val('name2 ');
                    }

                }, 1000);

但是我的想法是我想在加载页面时同时设置按钮文本，而不是一秒钟后。有解决方案吗？

任何帮助深表感谢！

最佳答案

最好的方法可能是使用AJAX提取文件，进行替换，然后添加它：

$.ajax({url: "SearchBox.html", success: function(result){
 var value;
 if(parsedOBJ.KIOSKTYPE == "THRU"){
  value = "name1"
 }else if(parsedOBJ.KIOSKTYPE == "EX"){
  value = "name 2"
 };
 var insert = $(result).find("#submitTruckPass").val(value);
 $("#SearchForTruckTD").append(insert);
}});