json returned in chrome console but not from code

Question

I have the code below:

var allitems = "<option value=''>Choose an item</option>";
$.getJSON("http://localhost:59886/getItems", function (data) {
  var items = [];
  $.each(data, function (key, value) {
    if (parseInt(value.C_CODE) == parseInt($("#ccode").val())) { 
      allitems = allitems + "<option value='" + value.itemid+ "'>" + value.itemname + "</option>"; 
    };
  });
}, 'json').error(function (error) { console.log(error); });

When I run the code in Chrome console, I get values but when I ran it from a website, the allitems variable is empty. The JSON URL works fine.

How do you know `allitems` is empty? What is expected vs actual behavior here? — Jacob, Aug 31 '16 at 01:29
from this line: if (parseInt(value.C_CODE) == parseInt($("#ccode").val(), I add items to allitems. — mpora, Aug 31 '16 at 01:31
theres no possible way from this code alone for `allitems` to ever be empty. — Deryck, Aug 31 '16 at 01:31
I don't see any code adding to `items`; is it `items` that you're seeing as empty? — Jacob, Aug 31 '16 at 01:32
it is only returning " even if it matches some items in the JSON data returned. — mpora, Aug 31 '16 at 01:34

score 0 · Answer 1 · edited May 23 '17 at 10:33

0

Make sure you open the page on server. Check your URL and instead of local file, for example:

file:///D:/wamp/www/index.html

it should start with http protocol and localhost:

http://localhost/index.html

Chrome does not allow ajax requests on file url by default, though it may be changed.

edited May 23 '17 at 10:33

Community

1
1

answered Aug 31 '16 at 02:05

skobaljic

9,379
1
25
51

json returned in chrome console but not from code

1 Answers1