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

Question

I'm trying to modify an object's value & as my knowledge on JS & JQuery is pretty limited, I'm troubled on how to make it work.

Here is my code:

 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); } 

What I need is to load a php file in Product1, instead of html code.

I've managed to do it using an iframe , like below:

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

but I'd prefer something like php's include function if there is something similar in JS!

Any help would be highly appreciated! Thanks in advance!

Answer 1

For what your describing you would need to do an ajax request to retrieve the value. Something like.

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

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