Как использовать скрипт один раз, а не вставлять его каждый раз?

Question

[Ilya Loopashko]

У меня есть скрипт:

$.getJSON('/js/db04.json', function (data) {
    $(data).each(function(index, item) {
    $('#table').append(
        '<tr><td class="col1">'+ item.title01 +'</td><td class="col2">' + item.shopcode + '</td><td> <a href="' + item.link + '">' + item.title + '</a></td><td class="col3">' + item.cost + '</td></tr>'
        );
    });
});

Он достает данные из файла JSON, таких файлов у меня много, как его модифицировать так чтобы этот код не вставлять для каждого файла с данными, а использовать один раз.

Comments

[Alams Stoyne]

Напиши функцию и вызывай

$(document).ready(function(){
    
    function get_my_json (url_json) {
        $.getJSON(url_json, function (data) {
            $(data).each(function(index, item) {
                $('#table').append(
                    '<tr><td class="col1">'+ item.title01 +'</td><td class="col2">' + item.shopcode + '</td><td> <a href="' + item.link + '">' + item.title + '</a></td><td class="col3">' + item.cost + '</td></tr>'
                );
            });
        });
    }

    get_my_json('/js/db04.json');

});

[Ilya Loopashko]

Alams Stoyne, Спасибо Большое!!!

Answer 1

[Athanor]

Вынесите его в отдельную функцию и передавайте нужные параметры, которые могут изменяться от вызова к вызову в качестве аргументов.

function getJsonAndUpdateTable(jsonPath) {
  $.getJSON(jsonPath, function (data) {
      $(data).each(function(index, item) {
      $('#table').append(
          '<tr><td class="col1">'+ item.title01 +'</td><td class="col2">' + item.shopcode + '</td><td> <a href="' + item.link + '">' + item.title + '</a></td><td class="col3">' + item.cost + '</td></tr>'
          );
      });
  });
}

А далее вызывайте эту функцию где необходимо и передавайте внутрь путь к нужному json файлу.

Comments

[Ilya Loopashko]

Спасибо Большое!!!

Answer 2

[abberati]

Для переиспользования кода используются функции.

function doMagic(path) {
$.getJSON(path, function (data) {
    $(data).each(function(index, item) {
    $('#table').append(
        '<tr><td class="col1">'+ item.title01 +'</td><td class="col2">' + item.shopcode + '</td><td> <a href="' + item.link + '">' + item.title + '</a></td><td class="col3">' + item.cost + '</td></tr>'
        );
    });
});
}

doMagic('/js/db04.json')
doMagic('/js/db05.json')

// или
['/js/db04.json', '/js/db05.json', '/js/db06.json'].forEach(doMagic)

Comments

[Ilya Loopashko]

Спасибо Большое!!!