Javascript 没有调用子程序

Question

<script type="text/javascript">
    var table;
    $(function () {

        // Apply DataTable Plugin.
        table = $('[id*=example]').DataTable({
            "order": [[0, "asc"]],
            dom: 'Bfrtip',
            iDisplayLength: 10
        });


        // Delete Record from Database.
        $('#example tbody').on('click', '[id*=btnDelete]', function () {
            if (confirm('Are you sure delete this record?')) {
                var data = table.row($(this).parents('tr')).data();
                table.row($(this).parents('tr')).remove().draw();
                $.ajax({
                    type: "POST",
                    url: "Default.aspx/DeleteCustomer",
                    data: '{ id :' + data[0] + '}',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json"
                });
            }
        });
    });
</script>

在上面的 javascript 代码在这一行之前工作正常

table.row($(this).parents('tr')).remove().draw();

之后它没有调用

url: "Default.aspx/DeleteCustomer",

子程序。

后面的代码是

<WebMethod()>
    Public Shared Function DeleteCustomer(ByVal id As Integer) As Integer
        Stop
        Dim status As Integer = 0
        Dim query As String = "Delete FROM Customers_copy WHERE CustomerId = @Id"
        Stop
        Dim constr As String = ConfigurationManager.ConnectionStrings("dbFOConnectionString").ConnectionString
        Using con As SqlConnection = New SqlConnection(constr)
            Using cmd As SqlCommand = New SqlCommand(query)
                cmd.Parameters.AddWithValue("@Id", id)
                cmd.Connection = con
                con.Open()
                status = cmd.ExecuteNonQuery()
                con.Close()
            End Using
        End Using

        Return status
    End Function

任何建议都会非常有帮助。