[英]AngularJS http.get verify valid json
從URL獲取json時,我只想使用它,當數據有效時。
到目前為止我使用JSON的方法 :
$http.get(
'data/mydata.json'
+ "?rand=" + Math.random() * 10000,
{cache: false}
)
.then(function (result) {
try {
var jsonObject = JSON.parse(JSON.stringify(result.data)); // verify that json is valid
console.log(jsonObject)
}
catch (e) {
console.log(e) // gets called when parse didn't work
}
})
然而,在我可以進行解析之前,angular已經失敗了
SyntaxError:$ HttpProvider.defaults.defaults.transformResponse上fromJson( http://code.angularjs.org/1.2.0-rc.2/angular.js:908:14 )的意外標記{at Object.parse(native) ( http://code.angularjs.org/1.2.0-rc.2/angular.js:5735:18 )在http://code.angularjs.org/1.2.0-rc.2/angular.js: 5710:12位於forData的Array.forEach(native)( http://code.angularjs.org/1.2.0-rc.2/angular.js:224:11 ),位於transformData( http://code.angularjs。在wrappedCallback的transformResponse( http://code.angularjs.org/1.2.0-rc.2/angular.js:6328:17 )上的org / 1.2.0-rc.2 / angular.js:5709:3 ) http://code.angularjs.org/1.2.0-rc.2/angular.js:9106:81 )在http://code.angularjs.org/1.2.0-rc.2/angular.js:9192 :26 angular.js:7861
如何防止角度拋出此錯誤或我應該如何處理驗證JSON?
更新:解決方案:
$http.get(
// url:
'data/mydata.json'
+ "?rand=" + Math.random() * 10000
,
// config:
{
cache: false,
transformResponse: function (data, headersGetter) {
try {
var jsonObject = JSON.parse(data); // verify that json is valid
return jsonObject;
}
catch (e) {
console.log("did not receive a valid Json: " + e)
}
return {};
}
}
)
您可以在$ http中覆蓋transformResponse
。 檢查這個其他答案 。
我正在尋找相同的東西,並且transformResponse完成了這項工作,但是,我不喜歡每次使用$ http.get()或甚至覆蓋它時都使用transformResponse,因為一些$ http.get()將是json而一些不是。
所以,這是我的解決方案:
myApp.factory('httpHandler', function($http, $q) {
function createValidJsonRequest(httpRequest) {
return {
errorMessage: function (errorMessage) {
var deferred = $q.defer();
httpRequest
.success(function (response) {
if (response != undefined && typeof response == "object"){
deferred.resolve(response);
} else {
alert(errorMessage + ": Result is not JSON type");
}
})
.error(function(data) {
deferred.reject(data);
alert(errorMessage + ": Server Error");
});
return deferred.promise;
}
};
}
return {
getJSON: function() {
return createValidJsonRequest($http.get.apply(null, arguments));
},
postJSON: function() {
return createValidJsonRequest($http.post.apply(null, arguments));
}
}
});
myApp.controller('MainCtrl', function($scope, httpHandler) {
// Option 1
httpHandler.getJSON(URL_USERS)
.errorMessage("MainCtrl -> Users")
.then(function(response) {
$scope.users = response.users;
});
// Option 2 with catch
httpHandler.getJSON(URL_NEWS)
.errorMessage("MainCtrl -> News")
.then(function(response) {
$scope.news = response.news;
})
.catch(function(result){
// do something in case of error
});
// Option 3 with POST and data
httpHandler.postJSON(URL_SAVE_NEWS, { ... })
.errorMessage("MainCtrl -> addNews")
.then(function(response) {
$scope.news.push(response.new);
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.