thymeleaf-js現在のユーザーとajaxを巡るjson配列を取得

プロジェクトはthymeleaf 3に使用する.0、非同期でメニューを取得して展示する必要があります.thymeleafは非同期のjsonにあまりサポートされていないことが分かった(実際には非同期のjsonを解析することはthymeleafの初心に合わない).ここでは穴を踏んだとして、ここに記録します.
最初に完了したコード:

  		var data={
  				userId:[[${#authentication.principal.id}]]
  		}
  		var url = '[[@{/getMenu}]]';
  	function getMenu(){
  		$.get(url,data,function(data){
  			var html = '';
  			for(var i = 0;i<data.length;i++) {
  				html+='<li><a href="';
  				html+=[[@{data[i].path}]];
  				html+='">'
  				html+=data[i].name;
  				html+='</a></li>';
  			}
  			$("#menu").html(html);
  		});
  	}
  	getMenu();
  

注意事項:

パラメータのuserIdはspring-securityから取得され、このprincipalは私が拡張したのでID属性があります.

非同期でjsonを取得した後、上記のコードのフォーマットを使用して、私が取得したリンク(homeの例で、私が生成したいパスは:localhost:8080/project/home)であり、前に/で始まると、最終的に生成されたのはルートパスから始まるパス(例えば、localhost:8080/home)、プロジェクトパスが失われる(テスト済み);/でない場合、最終的に生成されるパスは、localhost:8080/project/test/homeなどの現在のディレクトリから始まります(テストされていません).だから使用中はこれに注意してください.

以下の2つの状況は役に立たず、thymeleafは解析できず、最終dataはnullまたはまったく存在しないものであり、jsはエラーを報告する:

	$.get(url,data,function(data){
		var html = '';
		for(var i = 0;i<data.length;i++) {
			html=[[@{data[i].path}]];
			html=[(@{data[i].path})];
		}
	});
<script></code></pre> 
  <p>     script     th:inline  。   。</p> 
  <p><br></p> 
  <p>         ：</p> 
  <p>Thymeleaf print JSON string as JSON object into a javascript variable - stackoverflow<br></p> 
  <p>[MAJOR FEAT] New syntax for textual template modes -github<br></p> 
  <p><br></p> 
  <p><br></p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1290696261812428800"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
                    
                     
                

興味があるかもしれません

312個の無料高速HTTPエージェントIP(自分の実際のIPアドレスを隠すことができる)
yangshangchuan
高速 無料 superword HTTPエージェント

pull解析とjson符号化
ユリはお茶じゃない
android pull解析 json

[エネルギーと鉱物]石油と地球生態系
comsci
エネルギー

クラスとオブジェクトの概要
刃を浴びて喜ぶ.
java きそ

新しい駅が収録され始めたら、私たちは何をすべきですか?
IT独行者
PHP seo

oracle接続で発生した問題
文強chu
oracle

Swingでctrlキーを押しながらマウスドラッグコンポーネントを移動(クラス内の複数の言い訳で同じデータを共有)
みかん
java 継承 swing インタフェース かんし

linuxでよく使われるコマンド
aichenglong
linux 共通コマンド

アルファベットで分類:
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z その他
トップページ -
私たちについて -
構内検索 -
Sitemap -
権利侵害苦情
著作権すべてのIT知識ベースCopyRight© 2000-2050 IT知識ベースIT 610.com , All Rights Reserved.
京ICP備09083238号