Javascript jstree：创建一个新的子节点

在发布这篇文章之前，我已经检查了stackoverflow上的其他问题。其中之一是：

但不知怎的，我无法让它工作

我通过ajax获取子节点的详细信息。当您单击一个节点时，它将触发ajax请求并获取子节点的详细信息。我想将这些详细信息附加到jstree中的父节点（单击）

下面是JSFIDLE演示（没有ajax）：

你能帮我做这个吗

HTML:

<div id='cat_tree'>
<ul>
<li id="1">First
    <ul>

      <li id="2">First</li>
      <li id="3">First</li>
    </ul>
</li>
<li id="4">First</li>
<li id="5">First</li>    
<li id="6">First</li>
</ul>
</div>

---

请检查下面的代码

$(function() {

  var data = [{
    "id": "p1",
    "parent": "#",
    "text": "Parent-1"
  }, {
    "id": "p2",
    "parent": "#",
    "text": "Parent-2"
  }, {
    "id": "c1",
    "parent": "p2",
    "text": "Child 1"
  }, {
    "id": "c2",
    "parent": "p2",
    "text": "Child 2"
  }, ];


  $("#jstree").jstree({
    "core": {
      "check_callback": true,
      "data": data
    }
  }).on('create_node.jstree', function(e, data) {
    console.log('saved');
  });

  $('#btnCreate').click(function() {

    $('#jstree').jstree().create_node('#', {
      "id": "p3",
      "text": "Parent-3"
    }, "last", function() {
      alert("Parent created");
    });

    $('#jstree').jstree().create_node('p2', {
      "id": "c3",
      "text": "Child 3"
    }, "last", function() {
      alert("Child created");
    });

  });

});

---

演示：

谢谢Thangaraja！在jsfiddle上工作。我会将其集成到我的页面并接受答案。请向上投票并设置为答案。将对其他人有用

$(function() {

  var data = [{
    "id": "p1",
    "parent": "#",
    "text": "Parent-1"
  }, {
    "id": "p2",
    "parent": "#",
    "text": "Parent-2"
  }, {
    "id": "c1",
    "parent": "p2",
    "text": "Child 1"
  }, {
    "id": "c2",
    "parent": "p2",
    "text": "Child 2"
  }, ];


  $("#jstree").jstree({
    "core": {
      "check_callback": true,
      "data": data
    }
  }).on('create_node.jstree', function(e, data) {
    console.log('saved');
  });

  $('#btnCreate').click(function() {

    $('#jstree').jstree().create_node('#', {
      "id": "p3",
      "text": "Parent-3"
    }, "last", function() {
      alert("Parent created");
    });

    $('#jstree').jstree().create_node('p2', {
      "id": "c3",
      "text": "Child 3"
    }, "last", function() {
      alert("Child created");
    });

  });

});