Javascript 如何将多个事件添加到可折叠列表中？

我正在修改一个购物车的后端。我需要在可折叠的嵌套列表中列出产品类别。我已经能够通过Jochen的代码做到这一点：

但我还需要能够在单击某个类别时显示该类别中的所有产品。我希望该事件使页面在该点执行mysql调用，然后在可折叠树右侧的div中列出产品

我是自学成才的，虽然我在php方面已经相当不错了，但我已经有好几年没有用简单的老javascript做过任何广泛的工作了，我担心我对ajax和jQuery的了解太多了。任何帮助都将不胜感激

我试图实现vinceh提出的备受赞赏的解决方案，但尽管进行了几天的研究，我仍然无法找到如何使用.data对象将类别传递到url

有人知道如何传递我需要的数据吗

---

提前感谢。

我将向您的类别项目添加一个单击事件，并发送一个AJAX请求，该请求将从db检索必要的项目，并将其发送回要呈现的页面。您可以通过以下方式进行绑定：

$(".someClass").click( function() {
    $.ajax({
        url: "url/to/your/function",
        type: "GET",
        dataType: "script"
    });
});

但问题是，您需要通过url传递类别项，您可以通过JQuery将

.data

添加到您的对象来实现这一点

一旦服务器返回信息，您将渲染一些内容，这取决于您的框架如何执行，您有不同的解决方案，但这只是一个简单的渲染操作，如

。将所有项目追加到所需的
div

您可以向AJAX请求添加许多选项，使其完全符合您的要求，有关更多详细信息，请参阅。祝你好运
 谢谢你这么快的回复。（续）我仍在努力解决这个问题，但我觉得我对我需要做的事情有了更好的理解。通过jQuery添加.data对我来说是个绊脚石。我需要发送的数据是动态的，我需要从php对象获取数据。我将继续在谷歌上寻找如何实现这一点，但如果有人知道答案，也可以在这里随意发布。：）再次感谢。
$(".someClass").click( function() {
    $.ajax({
        url: "url/to/your/function",
        type: "GET",
        dataType: "script"
    });
});