Dana Dana - 1 year ago 121
jQuery Question

Jquery AJAX with ASP.NET WebMethod Returning Entire Page

I'm doing some simple tests (in preparation for a larger project) to call an ASP.NET WebMethod using JQuery AJAX. In my example, my WebMethod returns a simple string. However, when I attempt to call it using JQuery, I get the entire HTML page content returned instead of just my string. What am I missing?

Client Side :

$(document).ready(function ready() {
$("#MyButton").click(function clicked(e) {
function(msg) {
alert("Data Recieved: " + msg);

Server Side:

using System;
using System.Web.Services;

namespace JqueryAjaxText
public partial class _Default : System.Web.UI.Page
protected void Page_Load(object sender, EventArgs e)


public static string TestMethod(string name)
return "The value submitted was " + name;

Answer Source

Check out this link. I used some of his other posts to calll WCF service with success. Be sure to check out the related articles:


Read through the article but its essentially:

  $("#Result").click(function() {
      type: "POST",
      url: "Default.aspx/GetDate",
      data: "{}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(msg) {
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download