Построить дерево из JSON/XML

[Человек_Борща]

Доброго времени суток!

Пишу мост между моим приложением для ПК и браузерными скриптами.


С сервера приходит некое JSON дерево:

{
  Name:""
  Desc:""
  UID:""
   Child:[
    {
        Name:""
        Desc:""
        UID:""
        Child:[
             {

             },
           ....
    },
  ....
]
}

Средствами XmlHttpRequest.

Какие готовые библиотеки можете порекомендовать для построения дерева из этих данных?

Намечаются операции:
Добавления элемента, т.е. каждый узел имеет ID, который соотв. ID узла в дереве на сервере.
/MakeItem?assignTo="<ID из выбранного пользователем узла в браузере>"&name="Имя нового узла"

т.е. надо получать выбранный, пользователем, элемент, перед отправкой, по нажатию кнопки.

Пробовал так:

       <!--HTML TREE-->
       <div id="categoryTree" style="width: auto; height: auto; overflow: auto;">
       </div>
       <!--Build tree-->

<script type="text/javascript">
function getXmlHttp(){
  var xmlhttp;
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlhttp = false;
    }
  }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
};

function GetJSTree(el) {
 var xhr = getXmlHttp();
 xhr.open('GET', 'http://127.0.0.1:2013/List', false);
 xhr.send(null);
 el.innerHTML = 'Создание папки....';
 
 if(xhr.status == 200) {
 var answ = xhr.ResponseText;
     $('#categoryTree').jstree(
		{
			themes: {
				theme: 'default', // название темы, для смены темы поменять url недостаточно, нужно ещё и сменить название (т.к. названия стилей содержат в себе его)
				url: './default/style.css' // URL к файлу стилей (рядом должны лежать картинки, как в архиве с плагином)
			},
			json_data: { 
				data: [answ]
			},
			// тут мы перечисляем все плагины, которые используем
			plugins: [ 'themes', 'json_data', 'ui' ]
		}
	);} else {alert('ERROR!');};
};
</script>
<div id="ControlPnl">
  <button onclick="GetJSTree(this);">Get JS Tree</button>
</div>

С помощью jsTree, но что-то не работает. Мне выдает браузер:

XMLHttpRequest cannot load http://127.0.0.1:2013/List. Origin null is not allowed by Access-Control-Allow-Origin.
Uncaught NetworkError: A network error occurred.

[Fenex]

Браузер вам выдаёт исключение кроссдоменного запроса. Либо отправляйте в заголовке ответа сервера разрешение на кроссдоменный запрос, либо используйте JSONP.

[nerv]

http://en.wikipedia.org/wiki/Same-origin_policy
http://ru.wikipedia.org/wiki/%D0%9F%...B5%D0%BD%D0%B0

а еще название темы совершенно не отражает действительной проблемы. Сами себя в заблуждение вводите.

[astecenko]

Вопрос по сабжу.
Имеются некоторый набор данных который необходимо отобразить в виде дерева с динамической подгрузкой узлов (так как дерево может быть очень сильно большим).
Серверная часть реализуется на Java.

Вариантов реализаций нашел множество, но так как с аглицким не очень сильно дружу, то не очень понятно как реализовать. Понятных примеров не нашел.

Кто, чего может подсказать? Возможно кто-то где-то встречал внятные статьи на русском языке или примеры.