angularjs 에서 php 서비스 콜하고 json으로 리턴 받기

php 5.3, angular.js

결과를 리턴받고 표시할 INDEX.HTML

화면에 리스트, 입력폼, 버튼을 하나 만들고 화면이 실행되면 데이터를 조회해서 리스트에 표시.

각각 칸에 데이터 입력후에 버튼을 누르면 데이터를 입력.

서버쪽 php는 일반적인 POST방식 처리를 수행하면 된다.

결과를 리턴할때만 json_encoder를 수행하면 된다.

<!doctype html>

<div class="mainContainer" data-ng-app="myApp">
		<h1>Example</h1>

<div data-ng-controller="search_ctrl">
		
			<input type="text" data-ng-model="val1">
			
			<table class="table table-striped">
				<thead>
					<tr>
						<th>이름</th>
						<th>전화번호</th>
						<th>메모</th>
					</tr>
				</thead>
				<tbody>
					<tr data-ng-repeat="row in rows | filter:val1 | orderBy:'DEV_NAME' | limitTo: 10">
						<td>{{row.DEV_NAME}}</td>
						<td>{{row.DEV_TEL}}</td>
						<td>{{row.DEV_MEMO}}</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div data-ng-controller="insert_ctrl">
			<input type="text" data-ng-model="key_name">
			<input type="text" data-ng-model="key_tel">
			<input type="text" data-ng-model="key_memo">
			<hidden type="text" data-ng-model="message">
			<button data-ng-click="insertValue()">insert</button>
			<hr>
			{{message}}
		</div>
	</div>

myService.js

동작화면

저작자표시 비영리 변경금지

'Web' 카테고리의 다른 글

jquery ajax json SOP(same origin policy) - 크로스도메인 에러?. 이슈. (0)	2015.11.27
php에서 로그 남기기. error_log (0)	2015.06.11
php에서 json으로 데이터 반환하는 예제 소스. (0)	2015.05.10
mysql 사용예제. mysqli. (0)	2015.05.08
php.5.3.28 DataBase 연동. MSSQL. (0)	2015.04.22

바나나만두의 넋두리

angularjs 에서 php 서비스 콜하고 json으로 리턴 받기

'Web' 카테고리의 다른 글

티스토리툴바

angularjs 에서 php 서비스 콜하고 json으로 리턴 받기

'Web' 카테고리의 다른 글

'Web' Related Articles

티스토리툴바