jquery get data using jquery.load

Question

i have a problem similar to my previous question but now its different

  var auto_refresh = setInterval(
   function ()
  {
     $('#battery').load('https=://localhost/userinfo/battery_level/');

 }, 10000);

i dont want to load the div ... i want to get the result and want to display in my progress bar here

 $('.demo-progress').progress(data);

i am geting a value here "10"

want to do something like this

 var auto_refresh = setInterval(
   function ()
  {
    var data =  $('#battery').load('https=://localhost/userinfo/battery_level/');

 }, 10000);
      $('.demo-progress').progress(data);

its a controller name which is sending just the value ... for example 20 — hellosheikh
– hellosheikh, Commented Aug 16, 2013 at 20:50

Hanlet Escaño · Accepted Answer · 2013-08-16 21:23:24Z

1

Try this:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" type="text/css" rel="Stylesheet" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script>
        $(function () {
            $("#progressbar").progressbar({ max: 100, value: 10 });
            $("#twenty").click(function () { loadFile("20"); });
            $("#fifty").click(function () { loadFile("55"); });
            $("#eighty").click(function () { loadFile("80"); });
        });


        function loadFile(file) {
            $.get(file + ".txt", function (data) {
                var value = parseInt(data, 10);
                $('#progressbar').progressbar("option", "value", value);
            });
        }
    </script>
</head>
<body>
    <div id="progressbar">
    </div>
    <input type="button" id="twenty" value="Load to 20%" />
    <input type="button" id="fifty" value="Load to 50%" />
    <input type="button" id="eighty" value="Load to 80%" />
</body>
</html>

From the jquery page:

This method (.load) is the simplest way to fetch data from the server. It is roughly equivalent to $.get(url, data, success) except that it is a method rather than global function and it has an implicit callback function.

The reason why I am using .get is because of the last part, the implicit callback function, which let's me know when the function has ended, and I can then update the progressbar.

edited Aug 16, 2013 at 21:23

answered Aug 16, 2013 at 20:47

Hanlet Escaño

17.4k10 gold badges54 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

13 Comments

hellosheikh Over a year ago

i dont want to use get .. as i want to show the real time data without page refresh .. and i think by using ur code i have to refresh the page for the result

Hanlet Escaño Over a year ago

Why don't you try it first? This will not refresh the page.

hellosheikh Over a year ago

oooookkk let me try it

hellosheikh Over a year ago

nope not working... well i think u should give some time interval .. dont u ... as yet it is not giving me the value without refresh

Hanlet Escaño Over a year ago

are you sure you are calling .progressbar method correctly? You have it different in the other question $(".demo-progress").progressbar("option", "value", 50); so maybe its $(".demo-progress").progressbar("option", "value", data);

|

Collectives™ on Stack Overflow

jquery get data using jquery.load

1 Answer 1

13 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

13 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related