如何在javascript的object屬性值中包含php文件

Question

我正在嘗試修改對象的值，並且由於我對JS和JQuery的了解非常有限，因此我對如何使其工作感到困擾。

這是我的代碼：

 var ProductData = { "Product1":"<li>some html</li>" "Product2":"<li>some more html</li>" } function loadData(ev, itemName) { ev.preventDefault(); closeMenu(); gridWrapper.innerHTML = ''; classie.add(gridWrapper, 'content-load'); setTimeout(function() { classie.remove(gridWrapper, 'content-load'); gridWrapper.innerHTML = '<ul class="products">' + dummyData[itemName] + '<ul>'; }, 700); } 

我需要在Product1中加載一個php文件，而不是html代碼。

我設法使用iframe做到了，如下所示：

 var ProductData = { "Product1":"<iframe src=\\"dir/subdir/myFile.php\\"></iframe>" "Product2":"<li>some more html</li>" } 

但是如果JS中有類似的東西，我更喜歡php的include函數！

任何幫助將不勝感激！ 提前致謝！

Answer 1

對於您的描述，您將需要執行ajax請求以獲取值。 就像是。

var ProductData = {
    Product2: '<li>some more html</li>'
}

$.get("dir/subdir/myFile.php", function(data){
    ProductData.Product1 = data;
});