336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

 

이번에는 SQL문을 대신하는 통신해서 JSON으로 가져오는 방식을 알려드리겠습니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<meta charset="utf-8"/>
<!-- angularJS를 불러옵니다. -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
 
<!-- app이름과 controller이름입니다. -->
<div ng-app="myApp" ng-controller="myCon">
 
<table>
<!-- names이 차례로 가져올 것이 없을때 까지 x에 1개씩 차례대로 넣습니다. -->
  <tr ng-repeat="item in names">
  <!-- 가져온 것을 출력해줍니다. -->
    <td>{{ item.obj1 }}</td>
    <td>{{ item.obj2 }}</td>
  </tr>
</table>
 
</div>
 
<script>
/* myApp 앱을 활성화합니다. */
var app = angular.module('myApp', []);
/* 정의한 앱에 myCon를 실행합니다. */
/* $scope 안에 변수들을 관장하는 변수, $http통신변수 */
app.controller('myCon'function($scope, $http) {
    //get은 통신해서 결과를 가져옵니다.
   $http.get("해당 URL")
   //통신후에 실행합니다.
   // data -> records안의 값을 names에 넣습니다.
   .then(function (response) {$scope.names = response.data.records;});
});
</script>
 
</body>
</html>
cs

 

샘플 통신 사이트는 가지고 있지 안아서 제가 결과화면은 제공하지 못해요.

하지만 소스안에 있는 것을 참조해시면 될거같아요.

 

감사합니다.

+ Recent posts