ajax 获取后台数据显示list

ajax getitemlist

// Get the json from the controller
function GetListItems() {
    $.ajax({
        type: "POST",url: "/JsonService/GetItems",contentType: "application/json; charset=utf-8",data: "{}",dataType: "json",success: function (result) {
            DisplayListItems(result);
        },"error": function (result) {
            var response = result.responseText;
            alert('Error loading: ' + response);
        }
    });
}
 
// Create list items and append them inside <ul> element
function DisplayListItems(list) {
    $.each(list,function(index,element) {
        var itemHTML = ["<li>","<div>",element.Title,"</div>",element.Description,"</li>"].join('n');
        $(".list > ul").append(itemHTML);
    }
}
 
// Controller method that serves json data
public JsonResult GetItems()
{
    IQueryable<Item> itemList = new DAO().GetList();
 
    return Json(from e in itemList
                select new
                {
                    Title = e.Title,Description = e.Description
                });
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!