Javascript 如何在Json数据返回的表路径中显示图像

Javascript 如何在Json数据返回的表路径中显示图像,javascript,jquery,asp.net-mvc,Javascript,Jquery,Asp.net Mvc,我不熟悉Ajax和javqscript 我通过Json返回带有图像路径的列表。谁能告诉我怎么显示图像吗 我正在使用Ajax调用加载数据 Ajax Call var TableHeaderArray = ["Person", "Details"]; $.ajax({ url: '/Home/Persondetails', type: 'POST', dataType: "json", beforeSend: function () { }, success: function (respons

我不熟悉Ajax和javqscript

我通过Json返回带有图像路径的列表。谁能告诉我怎么显示图像吗

我正在使用Ajax调用加载数据

Ajax Call
var TableHeaderArray = ["Person", "Details"]; 
$.ajax({
url: '/Home/Persondetails',
type: 'POST',
dataType: "json", 
beforeSend: function () {
},
success: function (response) {
$('#Person').append(CreateHTMLTableFromJSON(response, "lightPro", TableHeaderArray)).fadeIn();
},
error: function (error) {
alert(error);
}
});
控制器

[HttpPost]
public ActionResult Persondetails()
{
SqlConnection con = new SqlConnection();
con.ConnectionString = ConfigurationManager.ConnectionStrings["PersonConnectionString"].ConnectionString;
con.Open();
SqlCommand cmd = new SqlCommand("GetDetails", con);
cmd.CommandType = CommandType.StoredProcedure;
cmd.ExecuteScalar();
DataSet ds = new DataSet();
SqlDataAdapter sda = new SqlDataAdapter(cmd);
sda.Fill(ds);
List<Person> Details = new List<Person>();
foreach (DataRow dr in ds.Tables[0].Rows)
{
Details.Add(new Person()
{
Id = dr["Id"].ToString(),
Name = dr["Name"].ToString(),
Age = dr["Age"].ToString(),
Job = dr["Job"].ToString(),
images = dr["Images"].ToString(),
});
}
return Json(Details);
}
[HttpPost]
公共行动结果个人信息()
{
SqlConnection con=新的SqlConnection();
con.ConnectionString=ConfigurationManager.ConnectionString[“PersonConnectionString”].ConnectionString;
con.Open();
SqlCommand cmd=newsqlcommand(“GetDetails”,con);
cmd.CommandType=CommandType.storedProcess;
cmd.ExecuteScalar();
数据集ds=新数据集();
SqlDataAdapter sda=新的SqlDataAdapter(cmd);
sda.填充(ds);
列表详细信息=新列表();
foreach(ds.Tables[0].行中的数据行dr)
{
详细信息。添加(新人员()
{
Id=dr[“Id”].ToString(),
Name=dr[“Name”].ToString(),
Age=dr[“Age”]。ToString(),
Job=dr[“Job”]。ToString(),
images=dr[“images”].ToString(),
});
}
返回Json(详细信息);
}
对于axample,请使用以下方法:

$.ajax({
       url: 'some_url',
       success: function(data) {
          // Here will be image inserting
        }
  });
现在我们有两个案例:

1) 此图像(例如实例id=imagId)已在您的页面上。在这种情况下,在
success
回调中,您应该执行以下操作:

$('#imgId').attr('src', data.imageUrl);
2) 您必须在页面上插入新图像。因此,在本例中,
success
回调将如下所示:

var img = $('<img/>', {'src': data.imageUrl} );  
$('#whereToInsertId').append(img);
var img=$('

它应该可以工作;)

如果您能向我们展示您正在使用的代码,它将帮助我们了解可能存在的问题。展示您从ajax调用中获得的json格式