代码文件后面的Ajax调用Web方法

Question

这是我的ajax函数。我正在尝试调用此页面Add_Classes并访问方法get coursename

    $(function () {
                $('#<%=getCourse.ClientID%>').autocomplete({
                    source: function (request, response) {
                        $.ajax({

                            url: "Add_Classes.aspx/getCourseName",
                            autoFocus: true,
                            data: "{'pre':'" + request.term + "'}",
                            dataType: "json",
                            type: "POST",
                            contentType: "application/json; charset=utf-8",
                            success: function (data) {
                                response($.map(data.d, function (item) {

                                    return { value: item };
                                }))
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                alert(XMLHttpRequest.responseText);
                            }
                        });
                    }
                });

            });

<System.Web.Services.WebMethod()>
    <ScriptMethod(ResponseFormat:=ResponseFormat.Json)>
    Protected Function getCourseName(pre As String) As List(Of String)

//return List of string

我无法调用此方法。当我尝试调用此方法时，浏览器显示错误，表明您尝试调用的方法未定义。我尝试使用静态方法，但仍然显示相同的错误