title: jQuery.Load() not triggering Request.IsAjaxRequest in ASP.NET MVC2
body: <p>I'm using the Jquery full calendar plugin, and i want to be able to click on an event and the details of the event to be populated via AJAX into a div with the id of #details.</p>
  
  <p>here is my controller action that i'm trying to load. When debugging, the action does not consider the incoming request to be AJAX and returns the full view instead of the partial. Does it matter if the full view is called the same as the partial view? Ie; 'Details.aspx' &amp; 'Details.ascx'?</p>
  
  <pre><code>public ActionResult Details(int id)
      {
          Pol_Event pol_Event = eventRepo.GetEvent(id);
          ViewData["EventTypes"] = et.GetEventType(id);
          if (pol_Event == null)
              return View("NotFound");
          else
          {
              if(HttpContext.Request.IsAjaxRequest()){
                  return PartialView("Details");
              }
              else
                  return View(pol_Event);
  
          }
      }
  </code></pre>
  
  <p>Here is the jquery code i'm using. Am i missing not using .load() correctly in the eventClick function? The Developer of the calendar plugin has confirmed that eventClick has nothing to do with AJAX so the fault must lie in my code.</p>
  
  <pre><code>$(document).ready(function() {
              $('#calendar').fullCalendar({
  
                  header: {
                      left: 'prev,next today',
                      center: 'title',
                      right: 'month,agendaWeek,agendaDay'
                  },
  
                  events: "/Events/CalendarData",
                  allDayDefault: false,
  
                  selectable: true,
                  eventClick: function(event) {
                      $('details').load(event.url);
                  },
                  eventRender: function(event, element) {
                      element.qtip({
                          content: event.title + " @ " + event.venue,
  
                          position: {
                              corner: {
                                  target: 'topLeft',
                                  tooltip: 'bottomLeft'
                              }
                          }
  
                      });
                  }
  
  
              });
  
          });
  </code></pre>
  
  <p>So am i using the Jquery.Load() function incorrectly, or is there something wrong with my controller? </p>
  
  <p>More updates: I finally caught the problem. The XMLHttpRequest is being sent but i'm encountering a 500 internal server error, not solved yet as i can't figure out what's causing the error. </p>
  
  <pre><code>Host: localhost:4296
  User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2.8) Gecko/20100722 
  Firefox/3.6.8
  Accept: text/html, */*
  Accept-Language: en-us,en;q=0.5
  Accept-Encoding: gzip,deflate
  Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
  Keep-Alive: 115
  Connection: keep-alive
  X-Requested-With: XMLHttpRequest
  Referer: http://localhost:4296/Events/EventCalendar
  Cookie: .ASPXAUTH=56C5F4FD536564FF684F3F00E9FB51A5F2F1B22D566C517923D71FEAF599D266531CAC52BF49D2700E048DD420A4575456855303CC2DCB5875D4E1AD8883821EA62E5169969503776C78EB3685DAA48C
  </code></pre>
  
  <p>UPDATE: I finally figured out what the problem was. I wasn't passing in the model to the partial so the line</p>
  
  <pre><code>return PartialView("Details");
  </code></pre>
  
  <p>Should have been</p>
  
  <pre><code>return PartialView("Details", pol_Event);
  </code></pre>
  
  <p>this was generating the 500 internal service error.</p>