Question

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

如何使用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>');
            });

        }

或使用模板框架/引擎

Answer 2

你检查了路径吗？确保它正常工作。

2-你确定响应类型是json吗？如果没有，试试这个：

data = JSON.parse(data);
// bind data here

从JSON获取数据不能与jquery load一起使用

2 个答案: