Javascript 此代码在警告调用变量时起作用，但如果没有，则不起作用 函数get_test_json（）{ var HTML=“”； var ClientHTML=“”； var nomor=1； HTML=''； HTML+=“”； HTML+=''； HTML+=‘否’； HTML+='Foto'； HTML+='Nama'； HTML+='Keterangan'； HTML+=''； HTML+=''； HTML+=''； $.getJSON（“http://localhost/JSON_test/my_json_list.php“，职能（人）{ $。每个（人、功能（键、值）{ $.each（值、函数（名称、规格）{ ClientHTML+=''； ClientHTML+=''+nomor+''； ClientHTML+=''； ClientHTML+=''+名称+''； ClientHTML+=''； ClientHTML+=''； nomor=nomor+1； }); }); }); 警报（ClientHTML）；//这就是问题所在 HTML+=ClientHTML； HTML+=''； HTML+=''； document.getElementById（“test”）.innerHTML=HTML； }

删除警报时，ClientHTML变量为null
很抱歉我的英语不好，还有一些垃圾代码，我是这里的新手

---

感谢您的帮助

警报和非警报都没有问题--只是时间问题

<script type="text/javascript">
    function get_test_json(){
        var HTML = "";
        var ClientHTML = "";
        var nomor = 1;
        HTML = '<table data-role="table" id="table-custom-2" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="a" data-column-btn-text="Pilih Kolom" data-column-popup-theme="a">';
        HTML += "<thead>";
        HTML += '<tr class="ui-bar-a">';
        HTML += '<th data-priority="2">No</th>';
        HTML += '<th data-priority="3">Foto</th>';
        HTML += '<th>Nama</th>';
        HTML += '<th data-priority="5">Keterangan</th>';
        HTML += '</tr>';
        HTML += '</thead>';
        HTML += '<tbody>';
        $.getJSON("http://localhost/JSON_test/my_json_list.php", function(person){
            $.each(person, function(key, value){
                $.each(value, function(names, specs){
                    ClientHTML += '<tr>'; 
                    ClientHTML += '<th>'+nomor+'</th>'; 
                    ClientHTML += '<td><img src="" alt="" height="" width=""></td>'; 
                    ClientHTML += '<td>'+names+'</td>'; 
                    ClientHTML += '<td><a href="http://localhost/4r.mobile.kemensos/profil_peneliti.html">'+specs+'</a></td>'; 
                    ClientHTML += '</tr>';
                    nomor = nomor+1;
                });
            });
        });
        alert(ClientHTML); // this is the problem
        HTML += ClientHTML;
        HTML += '</tbody>';
        HTML += '</table>';
        document.getElementById("test").innerHTML = HTML;
    }
    </script>

$.getJSON（“http://localhost/JSON_test/my_json_list.php“，职能（人）{
$。每个（人、功能（键、值）{
$.each（值、函数（名称、规格）{
ClientHTML+=''；
ClientHTML+=''+nomor+''；
ClientHTML+=''；
ClientHTML+=''+名称+''；
ClientHTML+=''；
ClientHTML+=''；
nomor=nomor+1；
HTML+=ClientHTML；
HTML+=''；
HTML+=''；
document.getElementById（“test”）.innerHTML=HTML；
});
});
});

---

您必须在完成ajax请求后进行操作。

我相信这会奏效。把它们分成两个函数

 $.getJSON("http://localhost/JSON_test/my_json_list.php", function(person){
            $.each(person, function(key, value){
                $.each(value, function(names, specs){
                    ClientHTML += '<tr>'; 
                    ClientHTML += '<th>'+nomor+'</th>'; 
                    ClientHTML += '<td><img src="" alt="" height="" width=""></td>'; 
                    ClientHTML += '<td>'+names+'</td>'; 
                    ClientHTML += '<td><a href="http://localhost/4r.mobile.kemensos/profil_peneliti.html">'+specs+'</a></td>'; 
                    ClientHTML += '</tr>';
                    nomor = nomor+1;
                     HTML += ClientHTML;
                   HTML += '</tbody>';
                   HTML += '</table>';
                  document.getElementById("test").innerHTML = HTML;
                });
        });
    });

函数get_test_json（）{
var nomor=1；
var ClientHTML=“”；
$.getJSON（“http://localhost/JSON_test/my_json_list.php“，职能（人）{
$。每个（人、功能（键、值）{
$.each（值、函数（名称、规格）{
ClientHTML+=''；
ClientHTML+=''+nomor+''；
ClientHTML+=''；
ClientHTML+=''+名称+''；
ClientHTML+=''；
ClientHTML+=''；
nomor++；
});
});
获取下一个（ClientHTML）；
});
}
函数get_next（ClientHTML）{
var HTML=“”；
HTML+=''；
HTML+=“”；
HTML+=''；
HTML+=‘否’；
HTML+='Foto'；
HTML+='Nama'；
HTML+='Keterangan'；
HTML+=''；
HTML+=''；
HTML+=''；
HTML+=ClientHTML；
HTML+=''；
HTML+=''；
document.getElementById（“test”）.innerHTML=HTML；
$（'#table-custom-2'）。table（'refresh'）；
}

非常常见的问题：查看此答案：感谢您的答疑人，但您的代码不起作用，我想这是因为您将我的封闭表和tbody标记放在了$内。每个答疑人都想知道答案，但如果我使用您的代码，问题仍然是我的jquery mobile css表不起作用：（@MuhammadZaidTaufiq）你有没有试过在上一节末尾调用

$（“#table-custom-2”）.table（'refresh'）；

function@MuhammadZaidTaufiq您可能需要刷新表才能使jquery移动样式工作哇，您真是个了不起的人！它工作了，现在我的“Pilih Kolom”按钮又不起作用了，你知道为什么吗？但我会记下你的回答：）不，不，那是我的错，我试过了你的两个回答，它完全起作用了！再次感谢你，老兄！上帝保佑你！

<script>
function get_test_json(){
  var nomor = 1;
  var ClientHTML = "";
  $.getJSON("http://localhost/JSON_test/my_json_list.php", function(person){

        $.each(person, function(key, value){
            $.each(value, function(names, specs){
                ClientHTML += '<tr>'; 
                ClientHTML += '<th>'+nomor+'</th>'; 
                ClientHTML += '<td><img src="" alt="" height="" width=""></td>'; 
                ClientHTML += '<td>'+names+'</td>'; 
                ClientHTML += '<td><a href="http://localhost/4r.mobile.kemensos/profil_peneliti.html">'+specs+'</a></td>'; 
                ClientHTML += '</tr>';
                nomor++;
            });
        });


        get_next(ClientHTML);
    });


}

function get_next(ClientHTML){
    var HTML = "";
    HTML += '<table data-role="table" id="table-custom-2" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="a" data-column-btn-text="Pilih Kolom" data-column-popup-theme="a">';
    HTML += "<thead>";
    HTML += '<tr class="ui-bar-a">';
    HTML += '<th data-priority="2">No</th>';
    HTML += '<th data-priority="3">Foto</th>';
    HTML += '<th>Nama</th>';
    HTML += '<th data-priority="5">Keterangan</th>';
    HTML += '</tr>';
    HTML += '</thead>';
    HTML += '<tbody>';

    HTML += ClientHTML;
    HTML += '</tbody>';
    HTML += '</table>';
    document.getElementById("test").innerHTML = HTML;

    $('#table-custom-2').table('refresh');
}
</script>