javascript - 成功したajax内の要素にアクセスできません

Question

ajax 呼び出し内に ajax 呼び出しを入れていますが、2 番目の要素は認識されていません。例:

$.ajax({
    url: 'controleFatAcoes.php',
    type: 'post',
    dataType: 'html',
    data: {
        acao: 'validaenviofat',
        id_cliente: cli.id_cliente,
        dt_fat: cli.id_fat
    },
    success: function(data)  {
        $.ajax({
            url: 'controleFatAcoes.php',
            data: {id_cliente: cli.id_cliente, 
                  id_fat: cli.id_fat, acao: 'getdadosnf'},
            type: 'post',
            dataType: 'json',
            success: function(dados) {
                    **$('#templateEmpresa').html(dados.empresa);**
            }
        )};
});

を実行するconsole.log($('#templateEmpresa'))と、次のようになります。

[context: document, selector: "#templateEmpresa", constructor: function, init: function, selector: ""…]

Answer 1

このコードを試してください: 最初の ajax 呼び出しの成功関数内で 2 番目の ajax 呼び出しを実行していることを考えると、スコープの問題である可能性があります。

var firstajaxsuccess = 0;
$.ajax({
    url: 'controleFatAcoes.php',
    type: 'post',
    dataType: 'html',
    data: {
        acao: 'validaenviofat',
        id_cliente: cli.id_cliente,
        dt_fat: cli.id_fat
    },
    success: function(data)  {
         firstajaxsuccess = 1;
    }
});
if(firstajaxsuccess){
        $.ajax({
            url: 'controleFatAcoes.php',
            data: {id_cliente: cli.id_cliente, 
                  id_fat: cli.id_fat, acao: 'getdadosnf'},
            type: 'post',
            dataType: 'json',
            success: function(dados) {
                    **$('#templateEmpresa').html(dados.empresa);**
            }
        )};
}