如何在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;
});