MiniProfiler來分析我的AJAX請求

Question

如何獲得MiniProfiler來分析我的AJAX請求

例如：

<div id="nav"> 
<ul> 
    <li onclick="javascript:updateContent(1);">foo 1</li> 
    <li onclick="javascript:updateContent(2);">foo 2</li> 
    <li onclick="javascript:updateContent(3);">foo 3</li> 
</ul> 
</div> 
<div id="content"></div> 

<script type="text/javascript"> 
    function updateContent(productId) { 

     $.ajax({ 
      url: '@Url.Action("GetProduct", "Product")', 
      contentType: 'application/html; charset=utf-8', 
      type: 'GET', 
      dataType: 'html', 
      traditional: true, 
      data: { 
       productId: productId 
      } 
     }) 
      .success(function (result) { 
       // Display the section contents. 
       $('#content').html(result); 
      }) 
      .error(function (xhr, status) { 
       alert(xhr.responseText); 
      }); 
     } 
</script> 

我希望看到每個updateContent的性能。

任何想法？

我使用Asp.net MVC 3，並通過的NuGet

Answer 1

已經內置安裝MiniProfiler 1.9，你不需要做什麼特別的事情。

每次執行ajax請求時都會顯示一個新的時間。

您可以在http://data.stackexchange.com上看到演示。編寫一個查詢並運行它，您將看到添加到列表的時間。