失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > js引用后台返回的json对象数据

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

时间:2021-11-05 00:31:23

相关推荐

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);

}

};

如果觉得《js引用后台返回的json对象数据》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。