javascript - 从 JSON 获取数据无法与 jquery load 一起使用

Question

我打算使用ajax将JSON数据转换为带有append的html，它的工作非常好。但是当我尝试从外部文件加载 html 时遇到问题，该变量无法使用 jquery load 读取。

如何使用 jquery load 从外部文件读取变量以在 HTML 中显示？

$.ajax({
    url:'person.json',
    dataType:'json',
    type:'get',
    cache: false,
    success:function(data){
        $(data.person).each(function(index, value){
            //$("#loadJson").append('<p><strong>Name : </strong>'+value.first_name+'</br><strong>Company: </strong>'+value.company+'</br> <strong>Email: </strong>'+value.email+' </p>')
            $("#loadJson").load('data.html');
        })
    }
})

<p><strong>Name: </strong>'+value.first_name+'</br><strong>Company: </strong>'+value.company+'</br> <strong>Email: </strong>'+value.email+' </p>

Answer 1

您可以加载 html 作为 js 变量的模板，坚持附加构建 html

success:function(data){
            $(data.person).each(function(index, value){
                $("#loadJson").append('<p><strong>Name : </strong>'+value.first_name+'</br><strong>Company: </strong>'+value.company+'</br> <strong>Email: </strong>'+value.email+' </p>');
            });

        }

或使用模板框架/引擎