title: asp.net jquery ajax post
body: <p>I'm trying to call an asp.net method using jquery/ajax from a button click on a modal dialog window. But all I seem to get is and alert saying "error". I've seen many similar examples for this online but I can't seem to get it to work. The page/method I'm calling (newcall.aspx/savenote) is the same page as all the jquery/ajax etc.</p>
  
  <p>Anyone any ideas?</p>
  
  <p>Thanks,</p>
  
  <pre><code>        var dlg = jQuery("#dialog2").dialog({
              bgiframe: false,
              autoOpen: true,
              height: 410,
              width: 800,
              modal: true,
              show: 'Transfer',
              hide: 'Transfer',
              draggable: true,
              resizable: true,
              buttons: {
                  "Cancel": function() {
                      $(this).dialog("close");
                  },
                  "Save": function() {
                      var txtnote = document.getElementById("&lt;%=txtNote.ClientID %&gt;").value;
  
                      $.ajax({
                          type: "POST",
                          url: "newcall.aspx/savenote",
                          data: txtnote,
                          contentType: "application/json; charset=utf-8",
                          dataType: "json",                            
                          success: function(msg) {
                              alert(msg);
                          },        
                          error: function(XMLHttpRequest, textStatus, errorThrown) {
                              alert(textStatus);
                          }
                      });
  
                      $(this).dialog("close");
                  }
              }
          }
  
          );
  </code></pre>
  
  <p>Code behind method:( At the moment I'm just returning "ok")</p>
  
  <pre><code>Public Function savenote() As String
      Return "ok"
  End Function
  </code></pre>