Javascript 使用AJAX将数据附加到DOM，以字符串而不是HTML显示

我试图将通过AJAX请求检索到的数据附加到DOM中，以便能够获取数据并将其放入数组中。但是，当我将数据附加到DOM中时，它显示为字符串而不是HTML。下面是我附加到DOM的代码，谢谢

var url = "https://xxxxxxx.com";
var $storeData = document.getElementById("data");

$.getJSON(url, function(data) {
    var checkins = data.response.venues[0].stats.checkinsCount;
    var formattedCheckins = Number(checkins);
    $storeData.append('<p class="getData">' + formattedCheckins + '</p>')
});

var url=”https://xxxxxxx.com";
var$storeData=document.getElementById（“数据”）；
$.getJSON（url、函数（数据）{
var checkins=data.response.victions[0].stats.checkinsCount；
var formattedCheckins=数量（checkins）；
$storeData.append（“
”+格式化签入+”
）
});

---

我在

formattedCheckins

变量上使用了

JSON.stringify

尝试了这个方法，也得到了类似的结果。谢谢你的帮助

您的问题是

document.getElementById

正在返回本机DOM元素。使用该对象的

append（）。您似乎把这与jQuery的添加HTML的
append（）
方法相混淆

要解决此问题，请改用jQuery选择
#data
元素：


var$storeData=$（“#数据”）；
var formattedCheckins=12345；
$storeData.append（“
”+格式化签入+”
）
您的问题是
文档。getElementById
正在返回本机DOM元素。使用该对象的
append（）。您似乎把这与jQuery的添加HTML的
append（）
方法相混淆

要解决此问题，请改用jQuery选择
#data
元素：


var$storeData=$（“#数据”）；
var formattedCheckins=12345；
$storeData.append（“
”+格式化签入+”
）
如果您使用jQuery，请尝试
var$storeData=$（“#数据”）取而代之

document.getElementById
返回一个DOM对象

var$storeData=$（“#data”）
返回jQuery对象。
如果使用jQuery，请尝试
var$storeData=$（“#data”）取而代之

document.getElementById
返回一个DOM对象

var storeData=$（“#data”）
返回jQuery对象