本地加载JSON数据到JavaScript文件

我正在尝试将JSON文件加载到JavaScript文件中。然而，我不知道如何做到这一点

我的app.js文件：

var myApp = angular.module('myApp', []);

myApp.controller('MainCtrl', ['$scope', function ($scope) {
    console.log("in here");
    var jsonData = require('../test_data.json'); 

    console.log(jsonData);
}]);

---

我的项目目录中有一个test_data.json文件。上面的错误给出了一个“require未定义”，所以似乎我必须安装RequireJS？有没有其他方法可以在不安装任何插件的情况下执行此操作？

尝试使用Angular的

$http

服务，您可以更好地控制加载、错误等：

myApp.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
  console.log("in here");
  $http.get('../test_data.json').success(function(data) {
    console.log(data);
  })
}]);

---

尝试使用Angular的

$http

服务，您可以更好地控制加载、错误等：

myApp.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
  console.log("in here");
  $http.get('../test_data.json').success(function(data) {
    console.log(data);
  })
}]);

---

尝试使用Angular的

$http

服务，您可以更好地控制加载、错误等：

myApp.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
  console.log("in here");
  $http.get('../test_data.json').success(function(data) {
    console.log(data);
  })
}]);

---

尝试使用Angular的

$http

服务，您可以更好地控制加载、错误等：

myApp.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
  console.log("in here");
  $http.get('../test_data.json').success(function(data) {
    console.log(data);
  })
}]);

---

---

感谢您的及时响应，但我收到了以下错误：

XMLHttpRequest无法加载文件：//{file\u path\u here}。跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https、chrome扩展资源。

您需要在

http://...

（本地或远程）。或者通过您必须在支持http的应用程序服务器上运行应用程序来禁用Chrome的安全性calls@SudhansuChoudhary，最快的方法是什么？我没有“安装”AngularJS，因为我将它包含在我的html文件中，带有一个指向Google CDN的脚本标记。没有比这更快的方法了。您不需要安装AngularJS，您的CDN很好。但是，当您使用

http

协议时，您需要一个Web服务器来处理这些调用。您必须安装这些服务器，例如ApacheWeb服务器、ApacheTomcat、Nginx等。您必须安装这些服务器，而不是AngularJS。检查此项，感谢您的及时响应，但我收到了以下错误：

XMLHttpRequest无法加载文件：//{file\u path\u here}。跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https、chrome扩展资源。

您需要在

http://...

（本地或远程）。或者通过您必须在支持http的应用程序服务器上运行应用程序来禁用Chrome的安全性calls@SudhansuChoudhary，最快的方法是什么？我没有“安装”AngularJS，因为我将它包含在我的html文件中，带有一个指向Google CDN的脚本标记。没有比这更快的方法了。您不需要安装AngularJS，您的CDN很好。但是，当您使用

http

协议时，您需要一个Web服务器来处理这些调用。您必须安装这些服务器，例如ApacheWeb服务器、ApacheTomcat、Nginx等。您必须安装这些服务器，而不是AngularJS。检查此项，感谢您的及时响应，但我收到了以下错误：

XMLHttpRequest无法加载文件：//{file\u path\u here}。跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https、chrome扩展资源。

您需要在

http://...

（本地或远程）。或者通过您必须在支持http的应用程序服务器上运行应用程序来禁用Chrome的安全性calls@SudhansuChoudhary，最快的方法是什么？我没有“安装”AngularJS，因为我将它包含在我的html文件中，带有一个指向Google CDN的脚本标记。没有比这更快的方法了。您不需要安装AngularJS，您的CDN很好。但是，当您使用

http

协议时，您需要一个Web服务器来处理这些调用。您必须安装这些服务器，例如ApacheWeb服务器、ApacheTomcat、Nginx等。您必须安装这些服务器，而不是AngularJS。检查此项，感谢您的及时响应，但我收到了以下错误：

XMLHttpRequest无法加载文件：//{file\u path\u here}。跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https、chrome扩展资源。

您需要在

http://...

（本地或远程）。或者通过您必须在支持http的应用程序服务器上运行应用程序来禁用Chrome的安全性calls@SudhansuChoudhary，最快的方法是什么？我没有“安装”AngularJS，因为我将它包含在我的html文件中，带有一个指向Google CDN的脚本标记。没有比这更快的方法了。您不需要安装AngularJS，您的CDN很好。但是，当您使用

http

协议时，您需要一个Web服务器来处理这些调用。您必须安装这些服务器，例如ApacheWeb服务器、ApacheTomcat、Nginx等。您必须安装这些服务器，而不是AngularJS。看看这个，