c# - $.ajax でサーバーからデータを取得しようとすると、ページの html 全体を取得しています

Question

div私はasp.net Webサイトで作業しており、 jqueryメソッドを使用してページ内をクリックして時間のような単純なデータをサーバーから取得したいのです$.ajaxが、このデータを取得しようとすると、ページのhtml全体がdiv

私のC＃コードビハインドは次のようなものです：

public partial class _Default : Page
{
    [WebMethod]
    public static string getCurrentDate()
    {
        return DateTime.Now.ToString();
    }
}

そして私のjsは：

        $(document).ready(function () {
        $('#getDateByClick').click(function () {
            $.ajax({
                url: 'Default.aspx/getCurrentDate',
                data: {},
                success: function (data) {
                    $('#getDateByClick').text(data);
                }
            });
        });
    });