Hiển thị từng phần sau khi tải trang

Question

Tôi có một trang chứa một số liên kết người dùng. Tôi muốn tải các usercontrols sau khi postback như một rendering ajax.

Mỗi liên kết người dùng hiển thị danh sách từ cơ sở dữ liệu và tôi không muốn người dùng chờ trong khi mã máy chủ xây dựng phản hồi, tôi cho rằng nó sẽ hữu ích nếu trang được hiển thị cho người dùng và sau khi usercontrols được tải thông qua yêu cầu ajax .

Có giải pháp tồn tại trong ASP.NET MVC không? Có một giải pháp tồn tại cho vấn đề này?

cảm ơn trước: l.

Answer 1

Chỉ cần sử dụng jQuery để ràng buộc HTML trở về từ phương thức action (mà nên trả về một kết quả xem một phần - ví dụ như đầu ra của điều khiển người dùng/phần):

Bộ điều khiển:

[HttpGet] 
public PartialViewResult GetSomeData() 
{ 
    var data = somewhere.GetSomething(); 
    return PartialView(data); // partial view should be typed to data. 
} 

jQuery:

$(document).ready(function() { 
    $.get('/home/getsomedata/', function(data) { 
     $('#target').html(data); 
    }); 
}); 

Answer 2

tôi thường làm theo cách này:

Trong đánh dấu tôi dành không gian cho người dùng điều khiển được nạp như

<div id="i-tabs-5"> 
    <div style="text-align:right;margin-bottom:6px;">...</div> 
    <div id="issueNoteListPlaceholder"></div> 
</div> 

sau đó trên DOM Ready tôi thực hiện cuộc gọi ajax mà trả về một kết quả xem một phần và thay thế nội dung của placeholder

$(document).ready(function() { 
    loadIssueNotes(); 
}); 

function loadIssueNotes() { 
    $.ajax({ 
     type: "get", 
     dataType: "html", 
     url: '<%: Url.Content("~/Controller/Action") %>', 
     data: {}, 
     success: function (response) { 
      $("#issueNoteListPlaceholder").html('').html(response); 
     } 
    }); 
}