クライアントからアップグレードを依頼された別の開発者のコードを使用しています。私がする必要があるのは、Jquery を使用して生成された PHP ファイルのコンテンツを取得し、それらを解析して、ページ内のファイルの要素を使用できるようにすることです。生成されたコンテンツは、次のような JSON 形式です。
{
"productid": "3621",
"id": "24",
"title": "Oak+Veneer+26mm",
"description": "Oak+Veneer%2C+26mm+width%2C+21mm+deep%2C+14mm+rebate",
"mouldingimage": "L1545a.jpg",
"frameimagetop": "L1545_top.jpg",
"frameimagebottom": "L1545_bottom.jpg",
"frameimagevertical": "L1545_vert.jpg",
"unitprice": "0.18",
"banda": {},
"bandb": {},
"bandc": {},
"bandd": {},
"bande": {},
"notes": {},
"code": "L1545",
"deliveryperiodid": "107",
"deliverybandid": "64",
"supplierid": "115",
"date": "2011-10-07+16%3A27%3A32",
"active": "0",
"previousunitprice": {}
}
上記のデータから「frameimagetop」の値を取得し、それを使用して div の背景画像を設定する必要があります。
次のバリエーションを試してみましたが、機能しません。
$.getJSON('/getframedata.php', {
id: $(this).attr("id")
}, {
get_param: 'frameimagetop'
}, function (data) {
$.each(data, function (index, element) {
$('#frame_top').append($('<div>', {
text: element.name
}));
上記ではdivの背景画像が設定されないことはわかっていますが、現時点では、テキストを印刷することさえできません。