Database data in textbox / label through js

See more:

ASP

Javascript

HTML

JScript.NET

, +

I want to show database data in multiple text boxes using js
I have tried the following but got no success pl help.

In HTML Page

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
<script type="text/javascript">
    var app = angular.module('MyApp', [])
    app.controller('MyController', function ($scope, $http, $window) {
        $scope.GetName = function () {
            var post = $http({
                method: "POST",
                url: "Home.aspx/GetCustomerName",
                dataType: 'json',
                data: '{id:' + $scope.Id + '}',
                headers: { "Content-Type": "application/json" }
            });
            post.success(function (data, status) {
                $scope.textbox1= data.d;
            });
            post.error(function (data, status) {
                $window.alert(data.Message);
            });
        }
    });
</script>

What I have tried:

Public Shared Function GetCustomerName(ByVal id As Integer) As String
        Dim name As String = ""
        Dim strConnString As String = ConfigurationManager.ConnectionStrings("constr").ConnectionString
        Using con As SqlConnection = New SqlConnection(strConnString)
            Using cmd As SqlCommand = New SqlCommand()
                cmd.Connection = con
                con.Open()
                cmd.CommandText = "SELECT round(sum(TotDep)/10000000,2) as Dep FROM ADPL"
                'cmd.Parameters.AddWithValue("@Id", id)
                name = cmd.ExecuteScalar().ToString()
                con.Close()
            End Using
        End Using

        Return name
    End Function