Q&A
コンソールにエラーメッセージは出ていますか？
また、http://localhost:3000/hits の MIMEタイプを教えてください。
前提・実現したいこと
jsTreeでtreeを表示させたいのですが、「Loading」と表示されたままでtreeが表示されないです。
どなたかわかる方ご教授いただけますと幸いです。
発生している問題・エラーメッセージ
エラーメッセージ 「Loading」がずっと表示される。 
該当のソースコード
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.2/themes/default/style.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.2/jstree.min.js"></script> </head> <body> <input id="search" type="button" value="検索" /> <div id="jstree"></div> <script type="text/javascript"> $('#search').click(function() { let hostUrl = "http://localhost:3000/hits"; $.ajax({ type: 'get', url: hostUrl, dataType : 'json' }).done(function(data){ console.log("success"); $(function () { let hostUrl = "http://localhost:3000/hits"; $('#jstree').jstree({ 'core' : { 'url' : hostUrl, // ajaxで読み込むjsonファイル 'dataType' : 'json', 'data' : function(node) { return {'id': node.id }; } } } )} ); }).fail(function(){ alert('データが無いです'); $('#zip').val(""); }); }); </script> </body> </html>
json
1{ 2 "hits": [ 3 { 4 "groupId": 1, 5 "parentGroupId": "", 6 "itemCode": "", 7 "itemName": "テスト1", 8 "sortOrder": 1 9 } 10 ] 11}
補足情報（FW/ツールのバージョンなど）
os:Mac
コンソールにはエラー等は出ておりません。
MIMEタイプはJSON形式になります。
MIMEタイプはJSON形式とのことですが、どのような方法で確認されましたか？
ご提示のコードを試してみましたが、当方の環境では hits にリクエストが飛んでいないようでした。
申し訳ございません！
確認しました所、リクエストが上手く出来ておりませんでした。。
リクエストを飛ばすにはどのようにソースを変更すればよろしいでしょうか？
私もそこを調べているところでした。
tanakamaroさんの環境でリクエストが飛んでいるのであれば、と思ったのですが……
リクエストを飛ばすことは出来ました！
ですが、Loadingのままでtreeが表示されないです。
質問のソースを修正しております。
原因がわかりました。
回答します。
回答1件
0
ベストアンサー
js
1 $('#jstree').jstree({ 2 'core': { 3 'data': { // これが抜けていました。 4 'url': hostUrl, // ajaxで読み込むjsonファイル 5 'dataType': 'json', 6 'data': function (node) { 7 return { 'id': node.id }; 8 } 9 } 10 } 11 })
投稿2021/04/07 01:57
総合スコア36078
あなたの回答
tips
プレビュー
