javascriptのオブジェクトプロパティ値にPHPファイルを含める方法

Question

私はJS &に関する私の知識として、オブジェクトの値&を修正しようとしています.JQueryはかなり制限されています。ここで

私のコードです：

var ProductData = { 
 

 
    "Product1":"<li>some html</li>" 
 
    
 
    "Product2":"<li>some more html</li>" 
 
} 
 

 
function loadData(ev, itemName) { 
 
\t \t \t ev.preventDefault(); 
 

 
\t \t \t closeMenu(); 
 
\t \t \t gridWrapper.innerHTML = ''; 
 
\t \t \t classie.add(gridWrapper, 'content-load'); 
 
\t \t \t setTimeout(function() { 
 
\t \t \t \t classie.remove(gridWrapper, 'content-load'); 
 
\t \t \t \t gridWrapper.innerHTML = '<ul class="products">' + dummyData[itemName] + '<ul>'; 
 
\t \t \t }, 700); 
 
\t \t }

私は必要なものの代わりにHTMLコード、製品1でPHPファイルをロードすることです。

私は以下のように、インラインフレームを使用してそれを行うことができた：

var ProductData = { 
 

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

が、私はJSで同様のものがある場合の関数が含まれるPHPのようなものを好みます！

ご協力いただければ幸いです。 ありがとうございます！

Answer 1

説明のために、値を取得するためにajaxリクエストを行う必要があります。何かのようなもの。

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

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