How Pass Dom Element Value To Ajax Request (html.pagedlist Parameters)

I am learning ajax requests and I was wondering if I am doing right here. Well I have a page which include pagination, sorting and searching. I am trying to get this by ajax becaus

Solution 1:

My answer here will help you: https://stackoverflow.com/a/50727347/177416

You want to capture the user's clicking of a page number in the pager control and rewrite the link before letting it through. This is done on the client via JavaScript onClick handler on the page numbers; the following handler goes in your jQuery document ready event handler:

$('#pager').find('a[href]').on('click', function (e) {
    e.preventDefault();
    location.href = this.split('?')[0]
        + "?page=" + getQueryStringValue(this, 0).replace('page=','') 
        + "&sortOrder=" + $("#sortOrder").val(); // Add other values if needed
    }
});

Here's the helper function:

getQueryStringValue: function (anchor, index) {
    var queryString = $(anchor).attr('href').split('?')[1];
    var values = queryString.split('&');
    returnvalues[index];
}

This line gets us the raw URL without the querystring; this in this case is the URI:

this.split('?')[0]

Setting location.href is like clicking a link; it'll redirect the page to the indicated URI.