0

我是 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);
}
4

1 回答 1

0

以这种方式为例：

$.ajax({
       url: 'some_url',
       success: function(data) {
          // Here will be image inserting
        }
  });

现在我们有2个案例：

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

$('#imgId').attr('src', data.imageUrl);

2）您必须在页面上插入新图像。因此，在这种情况下，success回调将如下所示：

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

它应该工作;）

于 2012-09-29T10:05:59.957 回答