javascript - ajax 呼び出し後に画像の読み込みが失敗する

Question

私はここに来たばかりで、答えが見つからないという質問を受けました...

MVC を使用して Zend で実行されている Web アプリを取得しました。クライアント側では、Jquery を使用して、一部のデータを Json 形式で返す Ajax 呼び出しを実行します。JavaScript メソッドを使用すると、結果に対応する HTML コードを作成できます。ここまでは、すべてうまくいっています:-)

私の問題は、URL が必要な Image などの html コンポーネントを生成しようとするときです。

これが私のコードです：

<script type="text/javascript">
    $.getJSON("/index/items", function(data) {
        var items = [];
        $.each(data, function(key, val) {
            items.push('<li id="resultList-' + val.id + '" class="resultList"><img src="images/item.jpg" alt="img">' + val.name + '</li>');
        });

        $('<ul/>', {
            'id': 'resultList',
            'class': 'myClass',
            html: items.join('')
        }).appendTo('#divResult');
    });
</script>

<div id="content">
    <div id="divResult"></div>
</div>

なので画像を入れましたsrc="images/item.jpg

私の問題は、画像が見つからないことです.「alt」ラベルしか取得できません->エラー404.

firebug を開くと、URL に GET クエリが表示されます。

http://myWebsite/controller/images/item.jpg

/project/public/images確かに、画像をフォルダーに入れたため、サーバーはここでそれを見つけることができませんでした ...

あなたによると：

1. 実装は良い（安全）と思いますか？
2. 問題を解決する最善の方法は何ですか?

これはすべて私にとって新しいことであり、私は学ぼうとしていることを理解してください.