JsonResult用法请教 angular

[baidu_35028162]

使用angular返回json数据，页面一直显示不出来数据
js
[CODE=C#
app.controller('safeCtrl', ['$scope', 'test', function ($scope, test) {
test.getjson().then(function (response) {
$scope.rowCollection = response.data;
}, function (error) {
console.log(error);
});
}]);
app.factory('test', [
'$http', '$location', function ($http, $location) {
var baseurl = $location.absUrl();
var factory = {};

factory.getjson = function () {
return $http({ cache: true, url: baseurl + "/Home/getjson", method: 'GET' });
}
return factory;
}
]);
/CODE]
后台代码
[CODE=C#
public JsonResult getjson()
{
DataClasses1DataContext a =new DataClasses1DataContext();
var player=from b in a.football select b;

var players = player.ToList();


return Json(players,JsonRequestBehavior.AllowGet);

}
/CODE]
试验在数据库加了2条数据，显示不出来，帮忙看看这样子写为什么不行，或者是写错了有什么更好的办法。搞了一天，js代码换了无数次实在是没辙了，求帮忙

[baidu_35028162]

我觉得应该是js代码错了 ，应该怎么改

[Xanl]

异步方法、你想得到什么返回值？

factory.getjson = function () {
            return $http({ cache: true, url: baseurl + "/Home/getjson", method: 'GET' })
                        .success(function(datat){
                        alert(JSON.stringify(data));
             })
        }

[Xanl]

正常来说要用回调函数处理数据变化，整个方法都是异步的，不可能通过return 获取返回值

factory.getjson = function (callbackFunc) {
            return $http({ cache: true, url: baseurl + "/Home/getjson", method: 'GET' })
                        .success(function(datat){
                        alert(JSON.stringify(data));
                        callbackFunc(data);
             })
        }

[baidu_35028162]

引用 4 楼 u010811342 的回复:

正常来说要用回调函数处理数据变化，整个方法都是异步的，不可能通过return 获取返回值

factory.getjson = function (callbackFunc) {
            return $http({ cache: true, url: baseurl + "/Home/getjson", method: 'GET' })
                        .success(function(datat){
                        alert(JSON.stringify(data));
                        callbackFunc(data);
             })
        }

我想返回一个数组给$scope.rowCollection ，js里面完整应该怎么写

[Xanl]

你可以参考一下

 angular.module('services',[])
.factory('authSvc',function($http){
	return {
		login:function(formData,callback){
			$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
			/*$http.post('http://localhost:53595/home/test',JSON.stringify(formData))
			.success(function(responseData){
				callback(responseData);
			});*/
			$http.jsonp('http://localhost:53595/home/test',JSON.stringify(formData))
			.success(function(responseData){
				callback(responseData);
			});
		},
		httptest:function(formData,callback){
			$http({
				method:'post',
				url:'http://localhost:53595/home/test',
				params:formData,
				headers : { 'Content-Type': 'application/x-www-form-urlencoded' }
			})
			.success(function(responseData){
				callback(responseData);
			})
			.error(function(){
				alert('server error');
			})
		}
	};
})

最近在学ionic 、几天前写的，之前也是接不到数据

[Xanl]

controller：

angular.module('controllers', [])
.controller('login-controller',function($scope,authSvc,testSvc){
	$scope.testData="aaaaaacc";
	$scope.passportData={};
	$scope.logindata=function(){
		var formData={
			json:{
				usrName:this.usrName,
				pwd:this.pwd
			}
		};;

		//$scope.testData=authSvc.login(formData);
		authSvc.httptest(formData,logincallback);
		//alert(aa);
	}

	$scope.btnClick=function(){
		alert('im clicked');
	}
})

function logincallback(responseData){
	alert(JSON.stringify(responseData)+'callback')
}

[娃都会打酱油了]

F12确认你的ajax请求返回的内容正确与否，确认到底是后台错了，还是前端问题

[以专业开发人员为伍]

引用 7 楼 baidu_35028162 的回复:

[quote=引用 6 楼 starfd 的回复:] F12确认你的ajax请求返回的内容正确与否，确认到底是后台错了，还是前端问题

我是想用angular来实现[/quote] 这个回复，跟你写“js代码换了无数次实在是没辙了”如出一辙。 你要调试 http 消息，来判断是否真正给浏览器端返回了数据。你可能没有理解。

[baidu_35028162]

引用 6 楼 starfd 的回复:

F12确认你的ajax请求返回的内容正确与否，确认到底是后台错了，还是前端问题

我是想用angular来实现

[範先森]

首先确定你后台那边返回的值是否正确，如果正确的话，就在JS中找错误

[baidu_35028162]

改成这样也不行 app.controller('safeCtrl', ['$scope', function ($scope,$http) { $http.get("/Home/getjson/"). success(function (data, status) { $scope.rowCollection = data; }).error(function (data, status) { $scope.alerts.push(data); }); }]);