как получить файл JSON, расположенный локально в angularjs

Question

как получить файл JSON, расположенный локально в angularjs

0

Привет, я использую angularjs и хочу получить данные из локально построенного json файла. Я пытался использовать $ http, но не повезло. не могли бы вы рассказать об альтернативном методе

$http.get("job.json")
    .success(function(response) {
        $scope.big=response;      
    });

это метод, который я использовал, и это мой json-код

{ "days": [{ "dayname": "Sun,23 Aug 2015", "date": "2015-08-23", "hours": "hoursArray(array24)" }, { "dayname": "Mon,24 Aug 2015", "date": "2015-08-24", "hours": "hoursArray(array24)" }, { "dayname": "Tue,25 Aug 2015", "date": "2015-08-25", "hours":"hoursArray(array24)" }, { "dayname": "Wed,26 Aug 2015", "date": "2015-08-26", "hours": "hoursArray(array24)" }] }

deepak arya 30 сен. 2015, в 08:59

Источник

0

используйте правильный относительный путь к файлу json. это должно решить вашу проблему.
Rabi 30 сен. 2015, в 06:59
0

1. Это не файл JSON. это Javascript. Пожалуйста, посмотрите синтаксис JSON! Ключи должны быть заключены в кавычки "", и вы не можете использовать функции в файле JSON. - Что означает locally built ? Вы построили это на клиенте, браузере? Зачем вам нужно использовать $ http для удаленного вызова, если файл уже есть где-то локально?
Michael 30 сен. 2015, в 07:01
0

извините за синтаксис, но я использовал относительный путь, он все еще не работает $http.get("C:\xampp\htdocs\mycode\test\job.json") .success(function(response) { $scope.big=response; });
deepak arya 30 сен. 2015, в 07:07
0

@Michael: я прошу прощения за синтаксис и локально означает, что все мои файлы в папке означают файлы javascript и json, и мне нужно получить доступ к этим данным, чтобы назначить их в $ scope
deepak arya 30 сен. 2015, в 07:13
0

«это не работает» не является надлежащим описанием проблемы. Если вам нужна поддержка, вы должны предоставить подробное описание и несколько примеров работы plunker или jsfiddle.
Michael 30 сен. 2015, в 07:17
0

Ваше форматирование JSON неверно, проверьте ответ ниже
nur farazi 30 сен. 2015, в 08:03
0

Сначала верфи формат для контента JSON. Вы можете проверить это онлайн, используя jsonlint.com . Затем проверьте путь к файлу JSON, в идеале вы должны использовать относительный путь в соответствии с вашим проектом. После этого проверьте объект обещания, т.е. успех или ошибку. Если вы не добились успеха, вы получите сообщение об ошибке.
Devesh M 30 сен. 2015, в 08:08
0

на самом деле проблема в том, что $ http.get вызывает данные асинхронно, поэтому перед приходом ответа выполняется следующий шаг без получения данных, поэтому он выдает ошибку. Есть ли какой-то синхронный метод для получения данных JSON?
deepak arya 30 сен. 2015, в 10:45

Показать ещё 6 комментариев

Теги:

angularjs

2 ответа

Ещё вопросы

используйте правильный относительный путь к файлу json. это должно решить вашу проблему.
1. Это не файл JSON. это Javascript. Пожалуйста, посмотрите синтаксис JSON! Ключи должны быть заключены в кавычки "", и вы не можете использовать функции в файле JSON. - Что означает locally built ? Вы построили это на клиенте, браузере? Зачем вам нужно использовать $ http для удаленного вызова, если файл уже есть где-то локально?
извините за синтаксис, но я использовал относительный путь, он все еще не работает $http.get("C:\xampp\htdocs\mycode\test\job.json") .success(function(response) { $scope.big=response; });
@Michael: я прошу прощения за синтаксис и локально означает, что все мои файлы в папке означают файлы javascript и json, и мне нужно получить доступ к этим данным, чтобы назначить их в $ scope
«это не работает» не является надлежащим описанием проблемы. Если вам нужна поддержка, вы должны предоставить подробное описание и несколько примеров работы plunker или jsfiddle.
Ваше форматирование JSON неверно, проверьте ответ ниже
Сначала верфи формат для контента JSON. Вы можете проверить это онлайн, используя jsonlint.com . Затем проверьте путь к файлу JSON, в идеале вы должны использовать относительный путь в соответствии с вашим проектом. После этого проверьте объект обещания, т.е. успех или ошибку. Если вы не добились успеха, вы получите сообщение об ошибке.
на самом деле проблема в том, что $ http.get вызывает данные асинхронно, поэтому перед приходом ответа выполняется следующий шаг без получения данных, поэтому он выдает ошибку. Есть ли какой-то синхронный метод для получения данных JSON?

nur farazi · Answer 1 · 2015-09-30T06-00-00.000Z

вы должны использовать заводскую функцию углового js, т.е. ниже полного файла javascript. oh, кстати, я исправляю вашу синтаксическую ошибку json. вы должны указать оба значения, если используете тип объекта.

var mockDataForThisTest = "json=" + encodeURI(JSON.stringify([
{
"dayname": "Sun,23 Aug 2015",
"date": "2015-08-23",
"hours": "hoursArray(array24)"
},
{
"dayname": "Sun,23 Aug 2015",
"date": "2015-08-23",
"hours": "hoursArray(array24)"
},
{
"dayname": "Sun,23 Aug 2015",
"date": "2015-08-23",
"hours": "hoursArray(array24)"
},
{
"dayname": "Sun,23 Aug 2015",
"date": "2015-08-23",
"hours": "hoursArray(array24)"
}
]));


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

function PeopleCtrl($scope, $http) {

$scope.people = [];

$scope.loadPeople = function() {
    var httpRequest = $http({
        method: 'GET',
        url: '/echo/json/',
        data: mockDataForThisTest

    }).success(function(data, status) {
        $scope.datas = data;
    });

};

}

вот пример примера HTML, чтобы показать свой json

<div ng-app="myApp">
<div ng-controller="PeopleCtrl">
<p>    Click <a ng-click="loadPeople()">here</a> to load data.</p>
<table>
<tr>
    <th>Id</th>
    <th>First Name</th>
    <th>Last Name</th>
</tr>
<tr ng-repeat="data in datas">
    <td>{{data.dayname}}</td>
    <td>{{data.date}}</td>
</tr>
</table>
</div>
</div>

на самом деле я должен получить эти данные из базы данных, которые я получу в формате JSON
какую базу данных вы используете?
на самом деле проблема в том, что $ http.get вызывает данные асинхронно, поэтому перед приходом ответа выполняется следующий шаг без получения данных, поэтому он выдает ошибку. Есть ли какой-то синхронный метод для получения данных JSON?

user3369915 · Answer 2 · 2015-09-30T04-38-00.000Z

-1

Используете ли вы Chrome-браузер?

Если да, проблема должна быть проблемой веб-безопасности в хроме.

Попробуйте запустить хром, используя

" chrome.exe --user-data-dir =" C: /Chrome dev session "--disable-web-security " из вашей команды Run.

Затем откройте файл в этом браузере. вы сможете это получить.

user3369915 30 сен. 2015, в 04:38

0

да, я использую браузер Chrome, это будет работать в Firefox
deepak arya 30 сен. 2015, в 08:15
0

В Firefox и других браузерах эта веб-безопасность будет отключена по умолчанию. Так что вам не о чем беспокоиться. Это будет хорошо работать.
user3369915 30 сен. 2015, в 09:32
0

это не исправление кода, вы просто открываете браузер Chrome, отключая веб-безопасность.
user3369915 30 сен. 2015, в 09:34
0

на самом деле проблема в том, что $ http.get вызывает данные асинхронно, поэтому перед приходом ответа выполняется следующий шаг без получения данных, поэтому он выдает ошибку. Есть ли какой-то синхронный метод для получения данных JSON?
deepak arya 30 сен. 2015, в 10:45
0

$ http ({method: 'GET', url: '/ someUrl'}). then (функция successCallback (response) {// этот обратный вызов будет вызываться асинхронно // при наличии ответа}, функция errorCallback (response) { // вызывается асинхронно, если возникает ошибка // или сервер возвращает ответ со статусом ошибки.});
user3369915 30 сен. 2015, в 10:56
0

попробуйте это: docs.angularjs.org/api/ng/service/$http
user3369915 30 сен. 2015, в 10:58
0

я использовал $ http только в моем коде ???
deepak arya 30 сен. 2015, в 12:06

Показать ещё 5 комментариев