HTML的ID为problem_category 的option如何加载json数据的几种方式，请写出json文件的内容，分别举例！

1. AJAX 请求
HTML:

<select id="problem_category"></select>

JS:

$.ajax({
  url: 'category.json',
  dataType: 'json',
  type: 'GET',
  success: function(data) {
    $.each(data, function(index, category) {
      $('#problem_category').append('<option value="' + category.value + '">' + category.name + '</option>');
    });
  }
});

JSON:

[
  {"name": "Category A", "value": "A"},
  {"name": "Category B", "value": "B"},
  {"name": "Category C", "value": "C"}
]

2. Fetch API 请求
HTML:

<select id="problem_category"></select>

JS:

fetch('category.json')
  .then(response => response.json())
  .then(data => {
    data.forEach(category => {
      $('#problem_category').append('<option value="' + category.value + '">' + category.name + '</option>');
    });
  });

JSON:

[
  {"name": "Category A", "value": "A"},
  {"name": "Category B", "value": "B"},
  {"name": "Category C", "value": "C"}
]

3. 在HTML文件中直接引入JSON数据
HTML:

<select id="problem_category">
  <option value="A">Category A</option>
  <option value="B">Category B</option>
  <option value="C">Category C</option>
</select>

JSON:

[
  {"name": "Category A", "value": "A"},
  {"name": "Category B", "value": "B"},
  {"name": "Category C", "value": "C"}
]