Column data entry form.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript"> 
    function Save() {
        var GridView = document.getElementById('<%=gvAddTextBox.ClientID %>').outerHTML;
        for (var i = 1; i < $(GridView).find('tr').length; i++) {
            for (var j = 1; j < $(GridView).find('tr').find('td').length; j++) {
                var city = $(GridView).find('tr').eq(i).find('td').eq(0).html();
                var text = $(GridView).find('tr').eq(i).find('td').eq(1).html();
              //  var text = $(GridView).find('tr').eq(i).find('td').eq(j).find('[id*=txtDynamic]').val();
                // Ajax call to save record.
                var obj = {};
                obj.city = city;
                obj.text = text;
                $.ajax({
                    type: "POST",
                      url: "city.aspx/Save",
                           
                    data: JSON.stringify(obj),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",                   
                    success: function (r) {
                        alert('success')
                    },
                    error: function (xhr, textStatus, errorThrown) {
                        
                        console.log(obj),
                        alert('custom message. Error: ' + errorThrown);
                    }
                });
            }
        }
        return false;
    }
</script>