ajax 获取后台数据显示list

前端之家收集整理的这篇文章主要介绍了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
                });
}

猜你在找的Ajax相关文章