blocks|key|2600895|text|几周前我也有过类似的问题。我在"url“字段中进行了函数调用，这最终导致java代码基于SQL查询生成JSON字符串。因此，当我单击一个无子的封闭节点时，该函数再次被调用，从而生成一棵无穷无尽的树。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2600896|我解决这个问题的方法是：|2600897|"json_data"+:+{
++++++++"ajax"+:+{
++++++++++++"url"+:+"getAreaTree?treeType=Areas&ownerPhone=<%25=webSessionObject.getUserPhoneNum()%25>",
++++++++++++"data"+:+function+(n)+{
++++++++++++++++++++return+{+id+:+n.attr+?+n.attr("id")+:+0+};
++++++++++++++++}
++++++++}
++++},|code-block|syntax|javascript|2600898|"data“中定义的函数的结果将作为参数添加到"url”函数中。然后，我可以检查参数是0(初始加载)还是1(我的根的id+)还是其他什么。|2600899|如果这对你不起作用，也许你可以试试这样的方法：|2600900|.bind("before.jstree",function(event,data){
++++if(data.func+===+"create"){
++++++++++++++++++var+foo+=+true;
++++++++data.inst._get_node(null,+true).each(function+()+{

++++++++++++if(this.id!=rootId+&&+this.id!=0){
++++++++++++++++foo+=+false;++++
++++++++})
++++++++if(!foo){
++++++++++++event.stopImmediatePropagation();
++++++++++++return+false;
++++++++}
++++}+++++++
})|2600901|但我不太确定这是否行得通。"before.jstree“在所有事件发生之前都会触发。我正在检查即将触发的函数是否为"create"，如果是，则检查所选节点的id。如果不是根的id或0(初始加载)，则停止create函数。|2600902|我在不同的情况下使用了类似的结构，所以类似的东西应该可以工作。这可能是“创建”事件不是您应该绑定到的东西。你可以把它改成|2600903|.bind("before.jstree",function(event,data){
++++++++++++console.log(data.func)
++++if(data.func+===+"create"){|2600904|查看调用了哪些函数。|2600905|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|15|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|17|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

I had a similar problem a couple of weeks ago. I had a function call in the "url" field, which ultimately led to java code that made a JSON string based on a SQL query. So when I clicked on a childless closed node, the function was called again, resulting in an endless tree.

the way I solved this was:

<pre><code>"json_data" : {
 "ajax" : {
 "url" : "getAreaTree?treeType=Areas&amp;ownerPhone=&lt;%=webSessionObject.getUserPhoneNum()%&gt;",
 "data" : function (n) {
 return { id : n.attr ? n.attr("id") : 0 };
 }
 }
 },
</code></pre>

The result of the function defined in "data" will be added as a parameter to the "url" function. Then I can check whether the parameter was 0 (initial load) or 1 (the id of my root) or something else.

If this doesn't work for you, maybe you could try something like this:

<pre><code>.bind("before.jstree",function(event,data){
 if(data.func === "create"){
 var foo = true;
 data.inst._get_node(null, true).each(function () {

 if(this.id!=rootId &amp;&amp; this.id!=0){
 foo = false; 
 })
 if(!foo){
 event.stopImmediatePropagation();
 return false;
 }
 } 
})
</code></pre>

I'm not exactly sure this works though. "before.jstree" fires before all events. I'm checking whether the function about to fire is "create", and if it is I check the id of the selected node. If it's something else than my root's id or 0 (initial load) I stop the create function.

I use a similar structure for a different situation, so something like this should work. It could be that the "create" event is not what you should be binding to though. You can change it to

<pre><code>.bind("before.jstree",function(event,data){
 console.log(data.func)
 if(data.func === "create"){
</code></pre>

To see which functions are called.

blocks|key|2959438|text|跳过孩子的属性。显然，您的节点没有子节点，但是您指定了属性吗？只要跳过它，节点就会被呈现为叶节点，并且不会提出进一步的请求。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2959439|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Just skip the children attribute. Obviously your node has no children, but you specify the attribute? Simply skip it, the node will be rendered as a leaf node and no further requests will be made.

blocks|key|2959446|text|将叶节点的状态标记为“叶”。这应该能解决问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2959447|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Mark the state of the leaf node as "leaf". That should fix it.

blocks|key|2959512|text|我也一直在努力解决这个问题。我从jsTree+-通过ajax按需加载子节点那里得到了主要的想法|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2959513|基本问题是，当我们单击未设置为叶子的子节点时，将使用树配置中设置的URL生成新的AJAX请求。在上面的链接中看到的诀窍是提供一个函数，而不是静态URL字符串。我的jstree用于在服务器上显示目录结构，因此我可以安排动态添加子目录的URL。如果在jstree配置中将一个函数分配给ajax属性的url属性，则该函数将接收作为参数单击的节点。我的节点显示目录或文件的名称，因此我可以使用text()函数获取原始目录名。在以这种方式返回的名称前面似乎有一些空格，所以我使用了一个String+()函数，然后使用encodeURIComponent给出了一些我可以在URL中使用的内容。|2959514|如果-1被传递给URL函数，那么您就在根目录下，您可以安全地使用您的基本url。现在，这只适用于层次结构的第一级。我还有更多的工作要做，将完整的路径添加到节点的元数据或诸如此类的东西中，但是这个想法可能会让您走上正确的轨道。它看起来好像不完全是一个错误，而是通过设计。您必须确保由子节点触发的请求向服务器发送合适的URL。|2959515|下面是我在jstree配置中分配给ajax对象的url属性：|2959516|"url":+function+(node)+{
++++var+subDirectory+=+"",
++++url+=+"";
++++if+(node+===+-1)
++++{
++++++++url+=+"/tree_service/tree/format/json?path=exercises";
++++}
++++else
++++{
++++++++subDirectory+=+encodeURIComponent(node.text().trim());
++++++++url+=+"/tree_service/tree/format/json?path=exercises/"+%2B+subDirectory;
++++}
++++return+url;
}|code-block|syntax|javascript|2959517|我的计划是通过轮询节点的完整路径来累积构建URL，然后添加上面节点的名称来创建最终的URL。伪码：|2959518|//haven't+figured+out+how+to+add+the+path+to+the+node+and+then+retrieve+it
path+=+node.metadata.path;
path+=+encodeURIComponent(path);
subDirectory+=+encodeURIComponent(node.text().trim());
url+=+path+%2B+"/"+%2B+subDirectory;|2959519|更新参见我在这里的答案如何获取jsTree的元数据。关于使用node.data().path从节点获取元数据|style|BOLD|2959520|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/8078534/jstree-loading-subnodes-via-ajax-on-demand|1|https://stackoverflow.com/questions/3604790/how-to-get-the-metadata-of-jstree/12765040#12765040^0|G|L|0|0|0|0|0|0|0|0|0|2|B|F|1|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|D|3|E|5|6|7|1A|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|1B|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|1C|8|@]|9|@]|C|$]]|$1|J|3|K|5|L|7|1D|8|@]|9|@]|C|$M|N]]|$1|O|3|P|5|6|7|1E|8|@]|9|@]|C|$]]|$1|Q|3|R|5|L|7|1F|8|@]|9|@]|C|$M|N]]|$1|S|3|T|5|6|7|1G|8|@$A|1H|B|1I|U|V]]|9|@$A|1J|B|1K|1|1L]]|C|$]]|$1|W|3|-4|5|6|7|1M|8|@]|9|@]|C|$]]]|X|$Y|$5|Z|10|11|C|$12|13]]|14|$5|Z|10|11|C|$12|15]]]]

I've been struggling with this problem too. I got the main idea from <a href="https://stackoverflow.com/questions/8078534/jstree-loading-subnodes-via-ajax-on-demand">jsTree - loading subnodes via ajax on demand</a>

The basic problem is that when we click a child node that is not set to leaf, a new AJAX request is generated with the URL we set in the tree configuration. The trick seen in the above link is to provide a function instead of a static URL string. My jstree is used to display a directory structure on the server, so I can arrange to dynamically add to the URL for sub-directories. If you assign a function to the url property of the ajax property in your jstree configuration, the function receives the node you clicked as an argument. My nodes display the names of directories or files so I can use the text() function to get the raw directory name. There seems to be some space in front of the name returned in this way, so I used a String trim() function and then encodeURIComponent to give me something I can use in a URL. 

If -1 is passed to the url function, then you're at the root and you can safely use your base URL. Now, this only works for the first level of the hierarchy. I've got a bit more work to do, adding the full path to the metadata of the node or something like that, but this idea might put you on the right track. It looks as if it's not exactly a bug but by design. You have to make sure a request triggered by a subnode sends a suitable URL to the server.

Here's the url property I've assigned to the ajax object in my jstree configuration:

<pre><code>"url": function (node) {
 var subDirectory = "",
 url = "";
 if (node === -1)
 {
 url = "/tree_service/tree/format/json?path=exercises";
 }
 else
 {
 subDirectory = encodeURIComponent(node.text().trim());
 url = "/tree_service/tree/format/json?path=exercises/" + subDirectory;
 }
 return url;
}
</code></pre>

My plan is to build the URL cumulatively by polling the node for its full path, then adding the node's name as above to create the final URL. Pseudo code:

<pre><code>//haven't figured out how to add the path to the node and then retrieve it
path = node.metadata.path;
path = encodeURIComponent(path);
subDirectory = encodeURIComponent(node.text().trim());
url = path + "/" + subDirectory;
</code></pre>

UPDATE
See my answer here <a href="https://stackoverflow.com/questions/3604790/how-to-get-the-metadata-of-jstree/12765040#12765040">how to get the metadata of jsTree.</a> about getting the metadata from the node using node.data().path

blocks|key|1404178|text|我在state=树的无子节点上设置属性“关闭”时遇到了这个问题。删除state属性解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1404179|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I have had this problem setting the attribute state="closed" on childless nodes for XML trees. Removing the state attribute solves the issue.

<h3>Problem:</h3>
According to the author, <a href="http://www.jstree.com/documentation/json_data" rel="noreferrer">jsTree Documentation</a>:
<blockquote>
When opening a closed node (that has no loaded children) an AJAX request is made.
</blockquote>
How do I configure jsTree to get rid of these AJAX data requests made for each empty/childless node? I want my empty nodes remain empty (or childless)!
<hr />
<h3>Given (simplified):</h3>
JSON data container (data.json)
<pre><code>{
 &quot;data&quot; : &quot;Root node with no children&quot;,
 &quot;children&quot; : []
}
</code></pre>
jsTree configuration
<pre><code>{
 &quot;json_data&quot; : {
 &quot;ajax&quot; : {
 &quot;url&quot; : &quot;data.json&quot;,
 &quot;type&quot; : &quot;GET&quot;,
 &quot;dataType&quot; : &quot;json&quot;,
 &quot;dataFilter&quot; : function (data, type) {
 //some filtering function
 }
 }
 },
 &quot;plugin&quot; : [&quot;json_data&quot;]
}
</code></pre>
<hr />

How do I get rid of recursive AJAX requests for a childless node?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

问题：据提交人说，当打开一个关闭的节点(没有加载子节点)时，会发出AJAX请求。如何配置jsTree以处理为每个空/无子节点发出的这些AJAX数据请求？我希望我的空节点保持空(或者没有孩子)！给予(简化)：JSON数据容器(data.json){    "data" : "Root node with no child...

问如何处理对无子节点的递归AJAX请求？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何处理对无子节点的递归AJAX请求？EN