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上看到演示。编写一个查询并运行它，您将看到添加到列表的时间。