angular - ajax

ajax 선언

myApp.service('myService',['$http',function ($http){
	this.requestAjax = function(url, param, type, succ){
		$.ajax({
			method: type,
			url: url,
			data: param,
			async : false,
			crossDomain: true,
			beforeSend : function(xhr){
				xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset=UTF-8");
				xhr.setRequestHeader("Ajax", "true");
				
			},
			success:function(data, status){
				succ(data, status);
			},
			error:function(data, status, err){
				alert("error:"+ data.responseText);
			}
		})
	}
}])

 

호출

myApp.controller('rootCtrl',['$scope','$http','$compile','myService',function ($scope,$http,$compile,myService){

	$scope.search = function(data){
    	var param = {};
    	myService.requestAjax(url, param, 'POST', function(response){
			$scope.data = response;
		})
    }
}]);

 

---

 

ajax loading 처리

$(document).ready(function(){

	$(window)
    .ajaxStart(function(){
    	//ajax시작
    	loadingImg('show');
    })
	.ajaxStop(function(){
    	//ajax완료
    	loadingImg('hide');
    });
})