gpt4 book ai didi

javascript - 如何从angularjs http回调中查看json数据?

转载 作者:行者123 更新时间:2023-11-30 12:22:33 25 4
gpt4 key购买 nike

我可以在控制台中看到我的 json 数据,我想在 clickbutton 函数后在 html 页面上查看它。根据我的理解,我可以做一个 promise ($q),或者然后使用 http 或 ngResource。首先我想做 http 然后迁移到 ngResource。由于某种原因,我的范围仍未定义。也许是我缺少的 ng-init 或 ng-repeat?有什么想法吗?

  var app = angular.module('myApp', []);

app.factory('httpq', function($http, $q) {
return {
get: function() {
var deferred = $q.defer();
$http.get.apply(null, arguments)
.success(deferred.resolve)
.error(deferred.resolve);
return deferred.promise;
}
}
});

app.controller('myController', function($scope, httpq) {

httpq.get('http://localhost:8080/states')
.then(function(data) {
$scope.returnedData = data;
})

$scope.clickButton = function() {
$scope.returnedData;
}

});

查看

   <div data-ng-controller="myController">
<button data-ng-click="clickButton()">Get Data From Server</button>
<p>JSON Data : {{returnedData}}</p>

</div>

最佳答案

Use Ajax call

服务:

var demoService = angular.module('demoService', [])
.service('myService',['$http', function($http) {

this.getdata = function(entity){
var promise = $http({
method : 'POST',
url : 'services/entity/add',
data : entity,
headers : {
'Content-Type' : 'application/json'
},
cache : false
}).then(function (response) {
return response;
});
return promise;
};
}]);

Controller :

var demoService = angular.module('demoService', [])
.controller('myctr',['$scope','myService',function($scope,myService){
myService.getdata().then(function(response){
//Success

},function(response){

//Error
});

}]);

现在你可以在 Controller 中看到你的json 成功

关于javascript - 如何从angularjs http回调中查看json数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30505508/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com