2012-08-05 68 views
0

我試圖在腳本中顯示圖像。我從動作控制器獲取數據並嘗試在img src =中添加我的數據名稱?那麼,我如何使用我的數據顯示圖像?在Mvc3中使用Ajax顯示圖像

這裏是我的腳本:

$(函數(){$ 阿賈克斯({ 類型: 「獲取」,網址: 「首頁/奧」,數據:{},數據類型:「 JSON 「 成功:功能(數據){

IMG SRC = 」「 +數據[0] 」WIDTH =「 150像素」 HEIGHT = 「150像素」/> ?????如何顯示

 } 
    }); 
+0

請問你的JSON是什麼樣子? – Shyju 2012-08-05 15:14:24

回答

0

Y OU應該做這樣的事情:

<img id="myimage" alt="Im being loaded with ajax"/> 

$(function() { 
$.ajax({ 
    type: "get", 
    url: "Home/Oku", 
    data: {}, 
    dataType: "json", 
    success: function (data) { 
     //sets the 'src' attribute for the image tag with id 'myimage'. 
     $("img#myimage").attr("src", data); 
     } 
}); 

}

+0

所有權,但我的圖像文件夾是src =「../../ banner_image /」所以我怎麼可以添加此路線在attr(「src」)像(「src = ../../banner_image /」) – 2012-08-05 15:33:18

+0

你應該從你的控制器動作發送正確的路徑。你能告訴我你的控制器行動嗎? – 2012-08-05 15:35:22

+0

public ActionResult Oku() var query = from db.news中的table select table.news_image_name; return Json(query,JsonRequestBehavior.AllowGet); } – 2012-08-05 15:37:18