js引用后台返回的json对象数据

先提前定义一个全局变量(var goods;),用于把后台传过来的数据赋值到该变量上(goods = response.data)

这样其他的js就可以直接引用该数据(goods)了

<script>
var app = angular.module('myApp', []);
// !!!定义全局变量,回调返回的数据,用于被其他的js引用
var goods ;

app.controller('productShowController', function($scope, $http) {

$scope.show = function() {
$http.post('/ali/product/select.json')
.then(function successCallback(response) {
//把后台传到前台的json对象转化成json格式数据
$scope.goods = JSON.stringify(response.data);
goods = response.data;
console.log(JSON.stringify(response.data));
showProv();
}, function errorCallback(response) {
// 请求失败执行代码
});
}
});
</script>


其他的js:
//就可以引用到上面的goods了 
function showProv() {
btn.disabled = true;
var len = goods.length;
for (var i = 0; i < len; i++) {
var provOpt = document.createElement('option');
provOpt.innerText = goods[i]['classificationName'];
provOpt.value = i;
prov.appendChild(provOpt);
}
};
posted @ 2018-05-31 09:36  熊熊熊熊大侠  阅读(1988)  评论(0编辑  收藏  举报