0

私はjQueryを使用しています。ここで動的に画像を表示する必要があります画像の URL を持っています。db から取得しています。ソリューション エクスプローラーに 1 つのフォルダーを配置しました。文字列ビルダーを使用した ImageUrl は画像の URL を表示していますが、画像を表示する必要があります

<script type="text/javascript">
    $(document).ready(function () {
        var url = "http://localhost:1711/api/ProductGet/GetProduct";
        $.getJSON(url, function (data) {
            var jsd = JSON.stringify(data);
            var data1 = '{"Items":' + jsd + '}';
            var k = jQuery.parseJSON(data1);
            alert(data);
            $.each(k.Items, function (i, item) {
                var stringbuilder = [];
                stringbuilder.push(' <div ><span class="span1"><img src="' + item.ImageURL + '" name="productimage"></span><span class="span2">' + item.ProductName + '</span><p>' + item.MaximumPrice + '</p></div>');
                $('#BundleDetails').append(stringbuilder.join(''));
            });
         });
</script>

<div class="span7" style="border: 1px black" id="BundleDetails">

</div>

ここではURLを表示していますが、画像を表示する必要があります

<img src="' + item.ImageURL + '" name="productimage">
4

1 に答える 1

0

あなたのコードは私のために働きます。
あなたのURLが間違っていると思います。
MVC を使用していますが、URL を正しくマッピングしましたか?

これは私のために働く::

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>DynamicImages</title>
    @Html.jQuery()

    <script type="text/javascript">
        $(document).ready(function () 
        {

            var url = "@Url.Action("GetImageList", "Home")";
            $.getJSON(url, function (data) {
                var jsd = JSON.stringify(data);
                var data1 = '{"Items":' + jsd + '}';
                var k = jQuery.parseJSON(data1);
                alert(data);

                $.each(k.Items, function (i, item) 
                {
                    var stringbuilder = [];
                    stringbuilder.push(' <div ><span class="span1"><img src="' + item.ImageURL + '" name="productimage"></span><span class="span2">' + item.ProductName + '</span><p>' + item.MaximumPrice + '</p></div>');
                    $('#BundleDetails').append(stringbuilder.join(''));
                });

            }); // End getJSON

        }); // End document.ready
    </script>
</head>
<body>
    <!--
    <div class="span7" style="border: 1px black" id="separat">
        <ul class="thumbnails bootstrap-examples pre-scrollable" id="productbundles">
        </ul>
    </div>
    -->

    <div id="BundleDetails">


    </div>
</body>
</html>

そして、これは私のコントローラーです：

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.Mvc;

    namespace TestApp.Controllers
    {


        public class HomeController : Controller
        {

        public class ImageToDisplay
        {
            public string ImageURL;
            public string ProductName;
            public string MaximumPrice;
        }


        public JsonResult GetImageList()
        {
            List<ImageToDisplay> ls = new List<ImageToDisplay>();

            ls.Add(new ImageToDisplay { ImageURL = Url.Content("~/Content/images/editor.jpg"), ProductName = "Test1", MaximumPrice = "lol" });
            ls.Add(new ImageToDisplay { ImageURL = Url.Content("~/Content/images/google_plus_one_coin.png"), ProductName = "Test2", MaximumPrice = "lol" });

            return Json(ls, JsonRequestBehavior.AllowGet);
        } // End Action GetImageList



        public ActionResult DynamicImages()
        {
            return View();
        } // End Action About


        public ActionResult About()
        {
            return View();
        } // End Action About


    } // End Class HomeController : Controller


} // End Namespace IssueTracker.Controllers

証拠： 証拠

于 2012-11-30T12:15:26.890 に答える