Load Items with fetch or ajax

Hi,

I am trying to load the items from db with ajax or fetch but I can't find any example on how to do this.

The call is made and i get valid json but i don't know how to make it available in the item section.

In the middle board i try to use a var defined in the done function. if i log that var i can see the that the json is valid.

Could someone help me with an example on how to achive this? Many thanks! Bellow is a part of the code

` $.ajax( { url: 'data.php', type: 'POST', async:'false', data: {origin:origin,dest:dest}, dataType: 'json' })

.done(function(data)
{ var showdata = data;})

      boards: [

        {
          id: "_sales",
          title: "Sales Office",
          class: "info",
          dragTo: ["_middle"],
          item: [
            {
              id: "2000",
              title: "Try drag this (Look the console)",
              drag: function(el, source) {

              },
              dragend: function(el) {

              },
              drop: function(el) {

              }
            },
            {
              title: "Try Click This!",

              class: ["peppe", "bello"]
            }
          ]
        },

        {
          id: "_middle",
          title: "Middle Office",
          class: "danger",
          item:  [showdata]

        },
        {
          id: "_done",
          title: "Current Office",
          class: "success",
          dragTo: ["_working"],
          item: [
            {
              title: "All right"
            },
            {
              title: "Ok!"
            }
          ]
        }
      ]
    });`

riktar / jkanban

Load Items with fetch or ajax #101