JSONデータを取得するためにajax呼び出しを行っています。私が得るものは次のようなものです:
{
"footerPkg": [
{
"hotelRoomPrice": 100,
"idHolidayPackage": 1,
"OriginCity": "New York",
"itineraryHeader": "Trip to New York",
"name": "Holiday Package 1"
},
{
"hotelRoomPrice": 50,
"idHolidayPackage": 1,
"OriginCity": "Los Angeles",
"itineraryHeader": "Amazing Los Angeles",
"name": "Holiday Package 2"
}
]
}
この json 配列データを次のように表示する必要があります。
他の html 要素に適用するように、json パラメータに css やその他の html スタイルを指定できるテンプレート エンジンやその他の手法はありますか?
このようなものは素晴らしいでしょう:
(fragment-1 が配列内の各要素の ID であると仮定します)
data = array[0];
<div id="fragment-1">
<table><tr>
<td><img src='data.image.path' alt="${data.image.altText}" title="${data.image.title}">
<div id="overlaytextlistinglayout">
<b><a>data.itineraryHeader</a></b><br>
<br><a style="color: #000000 ">data.name</a>
</div>