Получить запрос -> Ошибка: SyntaxError: Неожиданный токен <в JSON в позиции 4

Question

Я пытаюсь вызвать метод кода в моем проекте веб-форм ASP.NET.

jQuery ajax call

<script type="text/javascript">
        $(document).ready(function () {
            $('#MainContent_minuteBooks').click(function (e) {

                e.preventDefault();

                $.ajax({
                    type: "GET",
                    url: "MainView.aspx/GetPageTypes",
                    dataType: "json",
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        console.log("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown);
                    },
                    success: function (response) {
                        console.log("--" + JSON.stringify(response));
                    }
                });

            });
        });
    </script>

Код метода c #

[WebMethod]
public string GetPageTypes()
{
       List<string> pages = new List<string>();
       string html = "";

       foreach(MinuteBookPage mbp in book)
       {
           if (!pages.Contains(mbp.Class)) { pages.Add(mbp.Class); };
       }

       foreach(string s in pages)
       {
           html += "<div class='page' style='border: solid 2px red'><p>" + s + "</p></div>";
       }
       Console.WriteLine(html);

       return html;

}

Я получаю сообщение об ошибке при вызове ajax, отображающее

Запрос: [объект Object] Статус: parsererror Ошибка: SyntaxError: Неожиданный токен <в JSON в позиции 4 </p>

Я уже пытался изменить dataType на text / html, что приводит к той же проблеме.Я много работал с вызовами ajax в NETCORE, поэтому я не уверен, почему это не работает