從AngularJS控制器調用時ASP.NET Web服務返回代碼500

Question

我設置了AMSX Web服務，並且在訪問URL時可以正常使用：

public class ExpenseService : System.Web.Services.WebService
{

[WebMethod]
    public void Get()
    {
        List<Expense> expenses = new List<Expense>();
        expenses.Add(new Expense(1, "Netflix", "Netflix", 20.00, new DateTime()));
        expenses.Add(new Expense(2, "Spotify", "Spotify", 14.90, new DateTime()));
        JavaScriptSerializer js = new JavaScriptSerializer();
        Context.Response.Write(js.Serialize(expenses));      
    }
}

但是，當我通過$ http從AngularJS控制器中獲取GET時：

var app = angular.module("app", ["ngRoute"]);

app.config(function ($routeProvider) {
    $routeProvider.when("/home", {
        templateUrl: "Pages/Home.html",
        controller: "homeController"
    })
});

app.controller("homeController", function ($http) {
var self = this;
$http.get("ExpenseService.asmx/Get")
     .then(function (response) {
         self.expenses = response.data;
     })
});

我在控制台上收到此錯誤：

而且，如果我單擊錯誤消息中的鏈接（在上圖上帶有下划線），那么我在頁面上也收到了錯誤：

請記住：在瀏覽器上手動輸入URL時，我可以訪問JSON。

Answer 1

[System.Web.Script.Services.ScriptService]//add it and try again 
public class ExpenseService : System.Web.Services.WebService