jquery - jquery ajaxコードはコードビハインドを起動しません

Question

まず、下手な英語で申し訳ありません.... jquery ajaxをテストするためのサンプルページを作成しました。しかし、私はできません。ページに db と 2 つの txtbox と html ボタンを作成しました。ボタンが押されたときにテキストボックスの値をdbに保存したい。ここに私のスクリプトがあります:

$(function () {
    $('#Button1').click(function () {
        var udata = new Object();
        udata.name = $('#Text1').val();
        udata.fam = $('#Text2').val();
        $.ajax({
            type: "POST",
            url: "default.aspx/InsertData",
            data: udata,
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            success: function () { alert("ok"); },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown);
            }
        });
        return false;
    });
});

私のコードビハインドは次のとおりです。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
using System.Diagnostics;
using System.Web.Services;
namespace ajax_example
{
    public partial class _default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        }
        [WebMethod]
        protected static void InsertData(string name,string fam)
        {
            //some code
        }
    }

ボタンを押すと、常にエラーメッセージが表示されます。私を助けてください。これの何が問題なのですか?!