Javascript 如何在Json数据返回的表路径中显示图像
我不熟悉Ajax和javqscript 我通过Json返回带有图像路径的列表。谁能告诉我怎么显示图像吗 我正在使用Ajax调用加载数据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 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格式