JSONファイルから動的URLを読み取るにはどうすればよいですか？

Question

パスとプロジェクト名のような変数を含む画像URLを持つ.jsonファイル（下記参照）があります。

ファイルをロードするリクエストもあります。リクエストが成功すると、属性srcとソースパスがイメージに割り当てられます。

$.ajax({ 
    async: false, 
    type: "GET", 
    global: false, 
    dataType: "json", 
    url: resrcPath+"imgRes.json", 
    success: function (data) { 
     var src = data.imgs[0].gatewayImg; 
     $('.gatewayImg').attr('src', src); 
    } 
}); 

問題は、私はこれを行う際に、画像がローカルサーバー上に見つからないということであると私はSRCとしてこのlocalhost:8080/order/resrcPath+_global_PROJECT_NAME+'/images/gateway-'+_global_PROJECT_NAME+'.png'を取得します。

しかし、私はsrcに次のような属性を付けました。$('.gatewayImg').attr('src', resrcPath+_global_PROJECT_NAME+'/images/gateway-'+_global_PROJECT_NAME+'.png');画像が表示され、変数は正しい値に置き換えられます。

JSONが有効かどうかわからないので、属性関数にURLを書き込む代わりにsrcにjson値を割り当てる方法を知る必要があります。

Answer 1

JSONは有効ですが、実行（評価）する必要がある文字列があります。 JSONファイルを100％制御している場合は、resrcPath,_global_PROJECT_NAMEをグローバルと仮定して、文字列を評価することができます。

var resrcPath = "/"; 
var _global_PROJECT_NAME = "global" 
eval("resrcPath+_global_PROJECT_NAME+'/images/gateway-'+_global_PROJECT_NAME+'.png'") 
    === "/global/images/gateway-global.png" 


    $.ajax({ 
    async: false, 
    type: "GET", 
    global: false, 
    dataType: "json", 
    url: resrcPath+"imgRes.json", 
    success: function (data) { 
     var src = data.imgs[0].gatewayImg; 
     $('.gatewayImg').attr('src', eval(src)); 
    } 
}); 

最善の解決策は、あなたのプログラムでは、クライアントと開いた穴に再びそれを評価する必要はありませんので、サーバー上の文字列を処理することです。