Чтение нескольких JSON файлов с моего собственного сервера WebHosting и построение нескольких <Div>структур в Html с информацией, считанной в Javascript

Question

Моя цель - заполнить каталог продуктов на веб-сайте без его жесткого кодирования. Теоретически я хочу, чтобы каталог был заполнен несколькими JSON файлами (каждый из которых содержит сведения об 1 продукте) и Сценарий Java читает все файлы каталога и создает файл с именем, ценой и т. Д. c.

Однако я, похоже, не могу просто захватить несколько файлов JSON что у каждого есть такая информация, как (name: xxx, price: xxx)

Я знаю, что Template Literals отлично подходит для чтения файла JSON, но по какой-то странной причине во всех руководствах набран файл JSON сам код javascript, так что на него можно просто ссылаться прямо здесь, не "ища его".

каталог, который я пытаюсь прочитать, находится на том же сервере, на котором у меня есть мой веб-сайт, и в перспективе Это не должно быть слишком сложно, верно?.

Answer 1

Вы можете использовать библиотеку jQuery и использовать функцию get JSON для чтения файла с сервера. Файл должен находиться в той же структуре каталогов, что и веб-страница, с которой работает JavaScript.

https://api.jquery.com/jQuery.getJSON/

Данные JSON из затем файл будет доступен в объекте JavaScript.

Поскольку get JSON указывает на один файл за раз, может быть лучше объединить все ваши продукты в один файл JSON .

Answer 2

Для вашего вопроса с несколькими файлами JSON вы можете легко объединить JSON файлы с помощью PowerShell. Следующее, конечно, предполагает, что у вас есть чистый JSON.

Если у вас есть файлы с именами ProductComputer, ProductPrinter, et c. которые выглядят примерно так:

{
  "Name":"Laptop Computer",
  "ID" :125,
  "Status": "Inactive",
  "Price" :900.00
}

Затем вы можете запустить это в PowerShell, чтобы объединить файлы:

"[" + ((Get-Content product*.json -Raw) -join ","  ) + "]" | out-file AllProducts.json

Если вы хотите поместить квадратные скобки в отдельные строки, затем добавьте «n» там, где это необходимо:

"[`n" + ((Get-Content product*.json -Raw) -join ","  ) + "`n]" | out-file AllProducts.json

Если вам нужно отсортировать продукты во время слияния, то:

$products = "[" + ((get-content json*.json -raw) -join ","  ) + "]"  | ConvertFrom-Json | sort ID
ConvertTo-JSON -InputObject $products.psobject.BaseObject | Out-File AllProducts.json