Question

I am attempting to load some json data into a custom JQuery function. There is probably an easy solution to this by I am admittedly learning as I go. Please advise if I am just going about it the wrong way.

As of now I am just appending it into the body to ensure that I am actually finding the data properly. I was trying to use append() to add it into the function as well but was not getting any where.

$.getJSON("designs/new.json",function(result){
        $.each(result, function(i, field){
            $("body").append(field['hex'] + " ");
        });
});

Essentially what I’d like to do is replace the hex data values for this colorPicker function with the hex codes from my json data above. I’ve been messing with it for a while and can’t seem to find the right approach.

$.fn.colorPicker.defaults.colors = ['000', '000', 'fff', 'fff'];

I appreciate the help in advance!

Answer 1

Try using alert(JSON.stringify(result)) to see if your json data is loaded properly. This code should work:

$.getJSON("t.json", function (result) {
  //alert(JSON.stringify(result));
  $.fn.colorPicker.defaults.colors = result.colors;
});

where t.json has the following content:

{
  "colors": ['00a', '00b', 'ffa', 'ffb']
}