Ajax如何获取后台数据显示到List


// 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>",  
                                    "<div>",  
                                        element.Title,  
                                    "</div>",  
                                    "<div>",  
                                        element.Description,  
                                    "</div>",                                      
                                "</div>",  
                            "</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  
                });  
}  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM