jQueryを使用して画像パスの代わりにデータベースから画像を表示する方法

Question

画像の場所へのパスを格納するデータベースから画像を表示したいとします。次のコードは、出力にのみイメージパスを与えます。イメージパスの代わりにイメージを表示するには、どのような変更が必要ですか？

GetBusinessCategoryList: function() { 
      debugger;    
      var data = JSON2.stringify({       
       }); 
      $.ajax(
       { 
        contentType: "application/json; charset=utf-8", 
        type: 'POST', 
        url: 'http://localhost:44719/Modules/BusinessCategoryView/Service/BusinessCategoryWebService.asmx/GetAllBusinessCategory', 
        dataType: 'json', 
        data: data, 
        success: function (result) { 
         alert("ok"); 
         var returnedData = result; 
         BusinessManagement.BindBusinessCategoryList(returnedData); 
        }, 
        error: function (error) { 
         alert("error"); 
        } 
       });    
     }, 
     BindBusinessCategoryList: function (data) { 
      debugger; 
      var cLst = data.d;     
      if (cLst.length > 0) {      
       headElements += '<table id="customerTable" cellspacing="0" cellpadding="0" >'; 
       headElements += '<thead class="sfHeadingone">'; 
       headElements += '<tr><th align="left">Category Image</th>'; 
       ; 
       headElements += '</thead>'; 
       $('#tblGrid').html(headElements); 
       var i = 0; 
       if (i === 0) { 
        bodyElements += '<tbody>'; 
       } 
       $.each(cLst, function (index, value) { 

         bodyElements += "<td>" + value.CategoryImage + "</td>";      
        } 
       }); 

Answer 1

imgを使用して画像を表示します。イメージURLをimgタグのsrc属性に渡します

bodyElements += "<td><img src='" + value.CategoryImage + "'></td>";