jQuery JSON API not working

Question

Hi i am currently working on a small project where I am supposed to query a JSON API with the format

{
  "results": [
    {
      "livingstd": "80%",
      "place": "ClassA"
    },
    {
      "livingstd": "50%",
      "place": "ClassC"
    }
    ...
  ]
}

I am supposed to show the livings td whenever i hover over to a mini house icon.

so i wrote a javascript but it doesnt work. and I dont understand what went wrong. Can anyone shed some light on this? It doesn't show anything at all

<script type="text/javascript" src="js/function1.js"></script>
    <script>
    $(document).ready(function (e) {

        //api url
        var url = "dummyurl";
        //store search term
        var query;

        //when the user hover over
        $("button").hover(function (e) {
            //get value and store in variable
            query = $("#query").val();
            //get the json file
            $.getJSON(url + query, function (json) {
                $.each(json.results, function (i, occupancy) {
                    $("results").append('<p>' + occupancy.occupancy + 'at' + occupancy.time + '</p>')
                });
            });
        });
    });

</script>

Add your inline javascript to another script tag and edit your question and add more info — Alex
– Alex, Commented Aug 12, 2014 at 6:43
debugging tools is the tools for you to debug your js script easily, which come together with latest version of any web browser you had, by pressing f12(default key), a console with rich information of your page will appear, and you can easily see if any error in the console network tab, put a debugger; in your code while the debugging console open will let you to debug your js script easily, and this will ease us to troubleshoot your issue, your question are too broad which hard for us to troubleshoot — Se0ng11
– Se0ng11, Commented Aug 12, 2014 at 6:46

hlfcoding · Accepted Answer · 2014-08-12 08:18:25Z

1

Did you look at the line that reads var url = "dummyurl";?

Also look at if your url and query are properly separated by a /. You can add query vars with '?' + $.param(queryObj).

Also if you look at the docs for hover, only giving one handler to hover means it gets called on mouseenter and mouseleave. Although that shouldn't prevent your code from working.

answered Aug 12, 2014 at 8:18

hlfcoding

2,5421 gold badge22 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

jQuery JSON API not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related