title: Using jQuery's getJSON method with an ASP.NET Web Form
body: <p>How do I go about calling a method on an ASP.NET Web Form page using the getJSON method on jQuery?</p>
  
  <p>The goal is this:</p>
  
  <ol>
  <li>User clicks on a list item</li>
  <li>The value is sent to the server</li>
  <li>Server responds with related list of stuff, formatted using JSON</li>
  <li>Populate secondary box</li>
  </ol>
  
  <p>I don't want to use an UpdatePanel, I've done this hundreds on times using the ASP.NET MVC Framework, but can't figure it out using Web Forms!</p>
  
  <p>So far, I can do everything, including calling the server, it just doesn't call the right method.</p>
  
  <p>Thanks,<br />
  Kieron</p>
  
  <p>Some code:</p>
  
  <pre><code>jQuery(document).ready(function() {
     jQuery("#&lt;%= AreaListBox.ClientID %&gt;").click(function() {
         updateRegions(jQuery(this).val());
     });
  });
  
  function updateRegions(areaId) {
      jQuery.getJSON('/Locations.aspx/GetRegions', 
          { areaId: areaId },
          function (data, textStatus) {
              debugger;
          });
  }
  </code></pre>