JQuery ui Slider-ajax server side call

JQuery ui Slider-ajax server side call, someone asked me to explain?

jquery ui range slider set values

In this article, I will show you how to send a post with to the server from jQuery ui Slider using jQuery Ajax . The jQuery ui Slide allows the user to select certain numeric value range from it.  The Slide(event,ui) will be triggered on every mouse move on a slider. We must register three external links. mvc jQuery ajax mvc4 example:

JS Code:

<script src="//"></script>
link href=
script src=""></script>
<script type="text/javascript">
$(document).ready(function () {
            range: "max",
            min: 0.2,
            max: 5,
           stop: function (event, ui) {
           var rangevalue=     $("#slider1").slider("value");
            url: '@Url.Action("AdjustRange", "Home", new { area = "" })',
            type: 'POST',
            data: {
                Rvalue: rangevalue,
            success: function (data) {
            error: function (data) { }

Server Side: Controller

The jQuery Ajax request the controller action method, there we can do our operations and return json result.

        public virtual ActionResult AdjustImage(short Rvalue)
//Do operation here
return Json(new { message = “success” }, JsonRequestBehavior.AllowGet);

JQuery ui Slider functionalities:

max: maximum value of slider

min: minimum value of slider 

range: It may either “max” or “min”

Post your comments / questions