jsTree ajax参数甚至不发送请求

Posted

技术标签:

【中文标题】jsTree ajax参数甚至不发送请求【英文标题】:jsTree ajax parameter not even sending requests 【发布时间】:2021-07-17 18:34:33 【问题描述】:

我正在从the docs of jsTree 部分复制有关 mysqlphp 的所有内容。

我不知道可能出了什么问题,我故意没有对给出的示例进行任何更改,以确保这不是我的错,而且仍然没有。 我知道它不应该完全运行,因为这些链接不是我服务器上的真实路由,但它至少应该尝试联系它们,但我在浏览器中看不到这种通信(F12->network)。

我确实尝试在我的服务器上使用真实路由修改所有内容,但仍然没有。

我使用的复制的 html 和 cdn。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Simple jsTree</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.11/jstree.min.js"></script>

</head>
<body>
    <div id="mmenu" style="height:30px; overflow:auto;">
        <input type="button" id="add_folder" value="add folder" style="display:block; float:left;">
        <input type="button" id="add_default" value="add file" style="display:block; float:left;">
        <input type="button" id="rename" value="rename" style="display:block; float:left;">
        <input type="button" id="remove" value="remove" style="display:block; float:left;">
        <input type="button" id="cut" value="cut" style="display:block; float:left;">
        <input type="button" id="copy" value="copy" style="display:block; float:left;">
        <input type="button" id="paste" value="paste" style="display:block; float:left;">
        <input type="button" id="clear_search" value="clear" style="display:block; float:right;">
        <input type="button" id="search" value="search" style="display:block; float:right;">
        <input type="text" id="text" value="" style="display:block; float:right;">
    </div>
    <div id="demo"></div>
    <div id="alog" style="border: 1px solid gray; padding: 5px; height: 100px; margin-top: 15px; overflow: auto; font-family: monospace; --darkreader-inline-border-top:#4b5457; --darkreader-inline-border-right:#4b5457; --darkreader-inline-border-bottom:#4b5457; --darkreader-inline-border-left:#4b5457;" data-darkreader-inline-border-top="" data-darkreader-inline-border-right="" data-darkreader-inline-border-bottom="" data-darkreader-inline-border-left=""></div>
</body>
</html>
<script type="text/javascript">

$("#demo")
    .bind("before.jstree", function (e, data) 
        $("#alog").append(data.func + "<br />");
    )
    .jstree( 
        // List of active plugins
        "plugins" : [ 
            "themes","json_data","ui","crrm","cookies","dnd","search","types","hotkeys","contextmenu","ajax" 
        ],
...

脚本的其余部分在php和mySQL下找到here

【问题讨论】:

【参考方案1】:

这行得通

$('#demo').jstree(  
        "core":   
            "check_callback": true,  
            "data": 
                "url" : "/treeGET",
                "dataType" : "json" 
             
         
    );

【讨论】:

以上是关于jsTree ajax参数甚至不发送请求的主要内容,如果未能解决你的问题,请参考以下文章

JSTREE异步加载json节点数据004

未通过 AJAX POST 请求发送大尺寸图像的 base64(作为 FormData 参数)

发送ajax步骤

Ajax与XMLHttpRequest随笔

如何在 Spring Framework 中发送和接收带参数的 ajax 请求?

Ajax发送XML请求案例