Как установить количество строк для отображения в gridview в соответствии с выпадающим выбором с помощью jquery , json

---

Как установить количество строк для отображения в Gridview в соответствии с выпадающим выбором в Asp.net c# с использованием Jquery и json (ajax call method).

Я уже сделал выбор индекса ,индекса страницы меняющихся событий в C#.Но мне нужно использовать jquery json.

Что я уже пробовал:

страница ASPX

<table><tr><td></td><td><asp:DropDownList ID="DropDownList1" runat="server"  AutoPostBack="true">
         <asp:ListItem>--Select--</asp:ListItem>
         <asp:ListItem>5</asp:ListItem>
         <asp:ListItem>10</asp:ListItem>
         <asp:ListItem>15</asp:ListItem>
     </asp:DropDownList></td></tr></table>

     <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" AllowPaging="true" PageSize="5">
         <Columns>
             <asp:BoundField DataField="SudentName" HeaderText="Name" />
              <asp:BoundField DataField="Fee" HeaderText="Fee" />
              <asp:BoundField DataField="StudentClass" HeaderText="Class" />
             <asp:BoundField DataField="StudentRollNo" HeaderText="Roll Number" />
         </Columns>
     </asp:GridView>

С фоновым кодом

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        int size = 0;
        if (DropDownList1.SelectedItem.Text != "--Select--")
        {
            size = int.Parse(DropDownList1.SelectedItem.Value.ToString());
            GridView1.PageSize = size;
            BindGridview();
        }
    }

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        GridView1.PageIndex = e.NewPageIndex;
        BindGridview();
    }

---