title: $.get, $.post, $.ajax, $(elm).load to .ashx page problem
body: <p>HTML page</p>
  
  <pre><code>    // in script tag
      $(document).ready(function () {
          var url = "list.ashx";
  
          $.get(url + "?get", function (r1) { alert("get: " + r1); });
          $.post(url + "?post", function (r2) { alert("post: " + r2); });
          $.ajax(url + "?ajax", function (r3) { alert("ajax: " + r3); });
          $("div:last").load(url + "?load", function (r4) { alert("load: " + r4); });
      });
  
      // in body tag
      &lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>in 'list.ashx'</p>
  
  <pre><code>public void ProcessRequest (HttpContext context) { context.Response.Write("ok"); }
  </code></pre>
  
  <p>the result</p>
  
  <ul>
  <li>$.get and $.post reach list.ashx but
  no return</li>
  <li>$.ajax not reach list.ashx</li>
  <li>$.load fully success</li>
  </ul>
  
  <p>The problems are</p>
  
  <ul>
  <li>why only '$.load' work?</li>
  <li>how to make $.get or $.post work?</li>
  </ul>
  
  <p>update</p>
  
  <pre><code>        $("input").click(function () {
              $.ajax({ url: url
                  , context: this
                  , data: "ajax=test"
                  , cache: false
                  , async: false
                  , global: false
                  , type:"POST"
                  , processData: false
                  , dataType: "html"
                  , success: function (data) { alert(data); }
                  , error: function (data) { alert(data.responseText); }
                  });
          });
  </code></pre>
  
  <p>it's always hit error:function(){} but the 'data.responseText' is the correct result!!</p>