2017-01-04 5 views
1

Я новичок в Angular js, и я хотел передать один статический файл json через ajax, и я даю коды ниже. Как отобразить данные json-файла в индексном файле что я не знаю. Как я новичок в angularjs, пожалуйста, помогите мне с этимиКак передать данные json через ajax в Angular Js

Index.php

<body ng-app="Mymodule"> 
    <div ng-controller="recordscontroller"> 
     <table style="width:500px; border:solid 2px #CCC;"> 
      <thead> 
       <tr style="text-align:left;"> 
        <th>First Name</th> 
        <th>Last Name</th> 
        <th>Gender</th> 
        <th>Salary</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr ng-repeat="emp in employee | orderBy : '-salary'"> 
        <td>{{ emp.firstname }}</td> 
        <td>{{ emp.lastname }}</td> 
        <td>{{ emp.gender }}</td> 
        <td>{{ emp.salary | currency: 'Rs' }}</td> 
       </tr> 
      </tbody> 
     </table> 
    </div> <br> 
</body> 

script.js

var app = angular.module("Mymodule",[]); 

    app.controller("recordscontroller", function($scope, $http){ 
     var url = "data/records.json"; 
     $http.get(url).success(function (response){ 
     $scope.employee = response; 
     }); 
    }); 

records.json

[ 
    { 
     "firstname":"Kishan", 
     "lastname":"Dalsania", 
     "gender":"Male", 
     "salary":15000 
    }, 
    { 
     "firstname":"Dipesh", 
     "lastname":"Mungara", 
     "gender":"Male", 
     "salary":20000 
    }, 
    { 
     "firstname":"Roshan", 
     "lastname":"Trivedi", 
     "gender":"Male", 
     "salary":25000 
    }, 
    { 
     "firstname":"Jay", 
     "lastname":"Dalsania", 
     "gender":"Male", 
     "salary":30000 
    }, 
] 
+0

используя объекты, которые мы можем отправить @Kishan Dalsania – Shiva

+0

Как? Можете ли вы помочь мне, показывая код? как пример. –

+0

игнорировать синтаксическую ошибку в json? pre-last line '},' -> '}' – Mephiztopheles

ответ

1

Ваш JSON не является действительным JSON.

Если вы отметите эту версию
https://jsfiddle.net/Mephiztopheles/qwd0y1pa
и это
https://jsfiddle.net/Mephiztopheles/qwd0y1pa/1/
JSON.parse('[{"firstname":"Kishan", "lastname":"Dalsania","gender":"Male","salary":15000},{ "firstname":"Dipesh", "lastname":"Mungara", "gender":"Male","salary":20000},{ "firstname":"Roshan", "lastname":"Trivedi", "gender":"Male", "salary":25000 }, { "firstname":"Jay", "lastname":"Dalsania", "gender":"Male", "salary":30000},]')

вы увидите

+0

Хорошо, это сработало. Спасибо за помощь :) Есть ли проблемы с типом запроса? Без запроса он работает отлично. –

+0

нет, обычно xhtmlrequest обнаруживает, какой тип содержимого является ответом. javascript может анализировать неправильные ',' но JSON не делает – Mephiztopheles

Смежные вопросы