从我自己的WebHosting服务器读取多个JSON文件并构建多个<;部门>;用Javascript读取信息的Html结构

从我自己的WebHosting服务器读取多个JSON文件并构建多个<;部门>;用Javascript读取信息的Html结构,javascript,html,jquery,Javascript,Html,Jquery,我的目标是在一个网站中填充一个产品目录,而不只是硬编码,理论上,我想要的是一个目录中填充多个JSON文件(每个文件都有1个产品的详细信息),让Java脚本读取目录中的所有文件,并构建一个包含名称、价格等的目录 但是,我似乎无法获取多个JSON文件,每个文件都包含以下信息(名称:xxx,价格:xxx) 我知道读取JSON文件的模板文本非常好,但出于一些奇怪的原因,所有教程都在javascript代码中键入JSON文件,这样就可以直接引用它,而无需“查找” 我试图读取的目录与我的网站所在的服务器是同

我的目标是在一个网站中填充一个产品目录,而不只是硬编码,理论上,我想要的是一个目录中填充多个JSON文件(每个文件都有1个产品的详细信息),让Java脚本读取目录中的所有文件,并构建一个包含名称、价格等的目录

但是,我似乎无法获取多个JSON文件,每个文件都包含以下信息(名称:xxx,价格:xxx)

我知道读取JSON文件的模板文本非常好,但出于一些奇怪的原因,所有教程都在javascript代码中键入JSON文件,这样就可以直接引用它,而无需“查找”


我试图读取的目录与我的网站所在的服务器是同一台服务器,从字面上讲,它不应该是硬的,对吗?

您可以使用jQuery库并使用getJSON函数从服务器读取文件。该文件需要与运行JavaScript的网页位于同一目录结构中

文件中的JSON数据将在JavaScript对象中可用


由于getJSON一次指向一个文件,因此最好将所有产品放在一个JSON文件中。

对于多文件JSON问题,您可以使用PowerShell轻松合并JSON文件。当然,下面假设您有干净的JSON

如果您有一个名为ProductComputer、ProductPrinter等的文件,其外观如下:

{
  "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

JavaScript是在用户的浏览器中运行,还是在服务器端应用程序中运行?是在浏览器上运行吗?我想,我通过标记将脚本文件链接到html网站耶!我可以得到我想要的信息,而且是的。。。。我担心我使用了多个JSON文件,而不是一个我真的不知道如何实现的JSON文件