JSFiddle - React, Tailwind, and code Playground
HTML
<div class="tree_view"></div>
JavaScript
function buildTree(treeData) {
console.log(treeData)
var data = JSON.parse(treeData);
var $ul = $('<ul/>');
$('.tree_view').append($ul);
$(data).each(function() {
console.log(this);
var li = '<li class="leaf">' + this.id + '</li>';
$ul.append(li);
});
//$('.leaf').click(updateData(this))
}
function fetchData(query) {
var url = '//flowcms.infxsolutions.com/cgi-bin/infxdms/product-manager.pl?site_id=5&tablename=product_structure&ajax_login_flag=1&node=473';
$.ajax({
url: url,
dataType: "jsonp",
success: function(data) {
debugger;
buildTree(data)
},
error:function(res){
debugger;
}
});
}
fetchData('site_id=5&tablename=product_structure&ajax_login_flag=1&node=473');