HTML赢得'；t使用javascript和AJAX追加

我试图从数据库中获取数据，并将其发布到无序列表中。我正在使用JavaScript和PHP

我有一个按钮，可以在JavaScript中执行函数。此函数将从数据库中获取一些数据，并在数据库中执行查询后附加HTML代码

我检查以确保代码从数据库中获取数据。当我不使用

.html（）.append（）

函数并对数据进行硬编码时，它会工作，因为它不使用隐藏类。如下图所示，当我将函数放入变量本身时，它将显示为

[Object Object]

，但实际数据不会附加到列表中

以下是HTML和JavaScript代码：

函数清单菜单（）{
var确认模式=$(
'' +
'' +
'' +
'' +
''+
“库存”+
“产品控制”+
“
”+
''+
// ''+
// ''+
“
”+
“
”+
“
”+
“
”+
''+
''+
''+
// ''+
''+
“
”+
$.post（'controllers/pc_productcontrol_c.php'，{action:“loadProCategory”}，函数（e）{
log（“在loadProCategory函数中”）；
日志（“loadProCategory函数post数据：”+e）；
如果（e==未定义的| | e.length===0 | | e==空）{
log（“loadProCategory函数中没有菜单项”）；
menudata+='
'；
}否则{
$。每个（e，函数（索引，qd）{
console.log（“在每个post函数中”）；
log（“每个post函数数据：pcat_id:+qd.pcat_id+”pcat_name:+qd.pcat_name”）；
“
”；
//menudata+='
；
//$（'.procategory'）.html（''）.append（menudata）；
});
}
//menudata+='
；
//menudata+='
'；
//log（“Menudata:\n”+Menudata）；
//console.log（$（'.procategory'）.html（'.append（menudata））；
}“json”）+
//“
”+
“
”+
''+
''+
''+
''+
''+
''+
''+
''+
''+
''+
// ''+
''+
''+
''+
''+
''+
''+
“提交”+
“取消”+
'' +
'' +
// '' +
''
);
确认模态。模态（“显示”）；
var menudata=''；
menudata+=‘产品控制’；
menudata+='
'；
$.post（'controllers/pc_productcontrol_c.php'，{action:“loadProCategory”}，函数（e）{
如果（e==未定义的| | e.length===0 | | e==空）{
menudata+='
'；
}否则{
$。每个（e，函数（索引，qd）{
console.log（“在每个post函数中”）；
log（“每个post函数数据：pcat_id:+qd.pcat_id+”pcat_name:+qd.pcat_name”）；
menudata+='
；
$（'.procategory'）.html（''）.append（menudata）；
});
}
}“json”）；
$（'.pctrlmenuitem'）。单击（函数（）{
$（'.itemdesc'）.html（''）；
$（'.procategory li'）.css（'background-color'，'#333'）；
$（this.css（'background-color'，'#cc0000'）；
$（'.items'）.removeClass（'hidden'）；
if（$（'.items'）.hasClass（'hidden'））{
$（'.items'）.removeClass（'hidden'）；
}
if（！$（'.subItems1'）.hasClass（'hidden'））{
$（'.subItems1'）.addClass（'hidden'）；
}
if（！$（'.subItems2'）.hasClass（'hidden'））{
$（'.subItems2'）.addClass（'hidden'）；
}
if（！$（'.subItems3'）.hasClass（'hidden'））{
$（'.subItems3'）.addClass（'hidden'）；
}
if（！$（'.subItems4'）.hasClass（'hidden'））{
$（'.subItems4'）.addClass（'hidden'）；
}
if（！$（'.subItems5'）.hasClass（'hidden'））{
$（'.subItems5'）.addClass（'hidden'）；
}
var pcat_id=$（this.find（'pcat_id'）.html（）；
var pcat_name=$（this.find（'pcat_name'）.html（）；
加载项（pcat_id、pcat_名称）；
$.post（'controllers/session store.php'，{sessionstore:'store'，pcat_id:pcat_id，pcat_name:pcat_name}，函数（e）{
控制台日志（e）；
}“json”）；
})；

---

Inventory

我发现了问题..从post函数检索到的数据无法在post函数外部使用原始数据引用。“menudata”变量在post函数外部为null，因此.append（）函数没有追加任何内容

---

我将代码移动到post函数中，现在它开始工作。

您需要添加jQuery。然后检查您是否有此错误：

Uncaught TypeError:confirmModal.modal不是函数。

。添加了jQuery，但我没有收到该问题。您看到我最后的评论了吗？第一条评论只是开玩笑。哈哈，是的，我收到了我编辑了代码，但问题解决后我也遇到了同样的问题。