Question

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>  
    <script>

            angular.module("myapp", []).controller("MyController", function ($scope, $http) {
                //$scope.retData = {};
                //$scope.retData.getResult = function (item, event) {
                    $http.post('Sample.aspx/GetEmployees', { data: {} }).success(function (data, status, headers, config) {
                        debugger
                        $scope.retData = data.d;
                        var nik = data.d;
                    })
                .error(function (data, status, headers, config) {
                    $scope.status = status;
                });
                //}
            }).config(function ($httpProvider) {
                $httpProvider.defaults.headers.post = {};
                $httpProvider.defaults.headers.post["Content-Type"] = "application/json; charset=utf-8";
            });  
    </script>  



 <body ng-app="myapp"> 
     <div ng-controller="MyController">
        <p>Looping with objects:</p>
        <ul>
          <li ng-repeat="x in retData">
            {{ x.Education + ', ' + x.UserName }}
          </li>
        </ul>

        </div>
</body>

"[{"UserId":1,"UserName":"Suresh","Education":"B.Tech","Location":"Chennai","Item":1,"Quantity":2},{"UserId":2,"UserName":"Rohini","Education":"M.Sc. ","Location":"Chennai","Item":5,"Quantity":8},{"UserId":3,"UserName":"Praveen ","Education":"B.Tech","Location":"Guntur","Item":12,"Quantity":7},{"UserId":4,"UserName":"Lal","Education":"M.Sc. ","Location":"Agra","Item":44,"Quantity":7},{"UserId":5,"UserName":"Puneet","Education":"B.Sc.","Location":"Gurgaon","Item":9,"Quantity":9},{"UserId":6,"UserName":"Rohit","Education":"BCA","Location":"Delhi","Item":76,"Quantity":90}]

下面是带有数据库脚本的Webmethod代码。 plz为我提供了这个引用代码的解决方案。这是一种动态的Json字符串。

[WebMethod]
 public static string GetEmployees()
 {
   string query = "[GetCustomers_Pager]";
   SqlCommand cmd = new SqlCommand("select * from userdetails");
   return DataTableToJSONWithJavaScriptSerializer(GetData(cmd).Tables[0]);
 }

    private static DataSet GetData(SqlCommand cmd)
    {
        string strConnString = ConfigurationManager.ConnectionStrings["testConnectionString"].ToString();
        using (SqlConnection con = new SqlConnection(strConnString))
        {
            using (SqlDataAdapter sda = new SqlDataAdapter())
            {
                cmd.Connection = con;
                sda.SelectCommand = cmd;
                using (DataSet ds = new DataSet())
                {
                    sda.Fill(ds, "Customers");
                    return ds;
                }
            }
        }
    }

    public static string DataTableToJSONWithJavaScriptSerializer(DataTable table)
    {
        JavaScriptSerializer jsSerializer = new JavaScriptSerializer();
        List<Dictionary<string, object>> parentRow = new List<Dictionary<string, object>>();
        Dictionary<string, object> childRow;
        foreach (DataRow row in table.Rows)
        {
            childRow = new Dictionary<string, object>();
            foreach (DataColumn col in table.Columns)
            {
                childRow.Add(col.ColumnName, row[col]);
            }
            parentRow.Add(childRow);
        }
        return jsSerializer.Serialize(parentRow);
    }

这是一种节省时间的数据库脚本。

CREATE TABLE [dbo].[userdetails](
    [UserId] [int] NULL,
    [UserName] [varchar](50) NULL,
    [Education] [varchar](50) NULL,
    [Location] [varchar](50) NULL,
    [Item] [int] NULL,
    [Quantity] [int] NULL
) ON [PRIMARY]
GO
SET ANSI_PADDING OFF
GO
INSERT [dbo].[userdetails] ([UserId], [UserName], [Education], [Location], [Item], [Quantity]) VALUES (1, N'Suresh', N'B.Tech', N'Chennai', 1, 2)
INSERT [dbo].[userdetails] ([UserId], [UserName], [Education], [Location], [Item], [Quantity]) VALUES (2, N'Rohini', N'M.Sc. ', N'Chennai', 5, 8)
INSERT [dbo].[userdetails] ([UserId], [UserName], [Education], [Location], [Item], [Quantity]) VALUES (3, N'Praveen ', N'B.Tech', N'Guntur', 12, 7)
INSERT [dbo].[userdetails] ([UserId], [UserName], [Education], [Location], [Item], [Quantity]) VALUES (4, N'Lal', N'M.Sc. ', N'Agra', 44, 7)
INSERT [dbo].[userdetails] ([UserId], [UserName], [Education], [Location], [Item], [Quantity]) VALUES (5, N'Puneet', N'B.Sc.', N'Gurgaon', 9, 9)
INSERT [dbo].[userdetails] ([UserId], [UserName], [Education], [Location], [Item], [Quantity]) VALUES (6, N'Rohit', N'BCA', N'Delhi', 76, 90)

Answer 1

尝试$ http.get而不是post（假设您只想检索数据）

$http.get("Sample.aspx/GetEmployees")
    .then(function(response) {
        //First function handles success
        $scope.retData = response.data;
    }, function(response) {
        //Second function handles error
        $scope.status = "Something went wrong";
    });

如何动态定制Json字段

1 个答案: