--- /dev/null
+---
+title: dataUrl
+name: options-data-url
+---
+
+Load the node data from this url.
+
+{% highlight js %}
+$('#tree1').tree({
+ dataUrl: '/example_data.json'
+});
+{% endhighlight %}
+
+You can also set the **data-url** attribute on the dom element:
+
+{% highlight html %}
+<div id="tree1" data-url="/example_data.json"></div>
+<script>
+ $('#tree1').tree();
+</script>
+{% endhighlight %}
+
+You can set additional [jquery ajax options](http://api.jquery.com/jQuery.ajax/) in an object:
+
+{% highlight js %}
+$('#tree1').tree({
+ dataUrl: {
+ url: '/example_data.json',
+ headers: {'abc': 'def'}
+ }
+});
+{% endhighlight %}
+
+Or you can use a function:
+
+{% highlight js %}
+$('#tree1').tree({
+ dataUrl: function(node) {
+ return {
+ url: '/example_data.json',
+ headers: {'abc': 'def'}
+ };
+ }
+});
+{% endhighlight %}