How to Display data in gridview using Jquery in asp.net

See more:

SQL-Server-2008R2

ASP.NET4

Dear Sir,

I Have bind data in grid view using jquery and webservices.

My Juery code is like this..

<script type="text/javascript">
        $(document).ready(function () {
           
                $.ajax({
                    type: "POST",
                  //  contentType: "application/json; charset=utf-8",
                    url: "apartmentwebservices.asmx/bind_block",
                    //data: "{}",
                    dataType: "json",
                    success: function (data) {
                        for (var i = 0; i < data.length; i++) {
                            //alert(data.[i].block_nam);
                            alert(data[i].block_nam);
                            $("#grd_block_name").append("<table><tbody><tr><th>Name </th></tr></tbody></table>");
                            $("#grd_block_name").append("<table><tbody><tr><td>" + data[i].block_nam + "</td></tr></tbody></table>");
                        };
                    },
                    error: function (result) {
                        alert("Error grd bind");
                    }
                });
            });
    </script>

But it showing data from database...

PlZ Help..