Fetching the data from DB through jquery

See more:

MVC3

Hi All,

How could we fetch the data from Db and render in to the view using jquery ajax get method
we don't want to use any other gridview like (jqgrid,mvccontrib grid or any other third party tool)
Currently we are calling data directly from the model using below code
@model PagedList.IPagedList<..........>

<table class="table table-striped table-bordered table-condensed mGrid">

<tr>
<th>System reference</th>
<th>Reference</th>
<th>Name</th>
<th>Surname</th>
<th>Client</th>
<th>Edit</th>
</tr>
@foreach (var m in Model)
{
    <tr id=tr-@m.ID>
        <td>
            <div id="divSystem_Reference-@m.ID.ToString()" class="control-group">
            @*<label id="lbl-@m.ID.ToString()">@m.System_Reference.ToString()</label>*@
            <input id="txt-@m.ID.ToString()" type="text"  class="input-small" value=@m.System_Reference.ToString() />
            </div>
        </td>
        <td>
            <div id="divReference-@m.ID.ToString()"  class="control-group">
            <div class="controls">
           @*  <label id="lblReference-@m.ID.ToString()">@m.Reference.ToString()</label>*@
            <input id="txtReference-@m.ID.ToString()" type="text"   class="input-small"  value=@m.Reference.ToString() />
            </div>
            </div>
        </td>
        <td>
            <div id="divName-@m.ID.ToString()"  class="control-group">
            @* <label id="lblName-@m.ID.ToString()">@m.Name.ToString()</label>*@
            <div class="controls">
            <input id="txtName-@m.ID.ToString()" type="text"   class="input-small"  value=@m.Name.ToString() />
            </div>
            </div>
        </td>
        <td>
            <div id="divSurname-@m.ID.ToString()"  class="control-group">
             @*<label id="lblSurname-@m.ID.ToString()">@m.Surname.ToString()</label>*@
             <div class="controls">
            <input id="txtSurname-@m.ID.ToString()" type="text"   class="input-small"  value=@m.Surname.ToString() />
            </div>
            </div>
        </td>
        <td>
            <div id="divClient-@m.ID.ToString()"  class="control-group">
             @*<label id="lblClient-@m.ID.ToString()">@m.Client.ToString()</label>*@
             <div class="controls">
            <input id="txtClient-@m.ID.ToString()" type="text"  class="input-small"   value=@m.Client.ToString() />
            </div>
            </div>
        </td>
        <td>
           
            <button id="btnEdit-@m.ID.ToString()"  class="btn btn-primary" >Edit</button>
            <button id="btnSave-@m.ID.ToString()"  class="btn btn-primary" >Save</button>
        </td>
    </tr>
}
</table>

Please help me my above issue
Thanks & Regards,
Soumya