首页 新闻 会员 周边 捐助

我用ajax获取了数据,可是没办法渲染到界面上,求大牛们帮忙找找问题。

0
[已解决问题] 解决于 2016-09-22 18:11

$(function() {
init();
})
var arr=[];

/*$('#selection').change(function() {
$('#options').empty();
$.each(arr[this.selectedIndex].value, function(index, val) {
$('<option>'+val+'</option>').appendTo('#options');
});
});*/
function init() {
if(!zbObj.isLogin()) {
/*window.location.href = "index.html";*/
return;
} else {
$(".zb-logout").show();
$(".zb-logout").click(function() {
zbObj.logout();
window.location.href = "index.html";
});
ajaxGetZbclassify(zbObj.user.cid);
}
}
var global;

function callback(data){
global = data;
}
function ajaxGetZbclassify(cid) {
var ajaxUrl = config.zbApi.getzbclassify;
var parameter = {
platform: getSys()
};
$.ajax({
type: 'post',
async: true,
url: ajaxUrl,
dataType: 'jsonp',
data: parameter,
jsonp: 'callback',
success: function(json) {
for(var i = 0; i < json.data.length; i++) {
var a = {
'name': json.data[i].name,
'value': []
}
for(var j = 0; j < json.data[i].child.length; j++) {
a.value.push(json.data[i].child[j].name)

}
arr.push(a);

};
}
// error: function() {}
});
}

function xuanran(){
$('.selection').empty();
$('.options').empty();
$.each(arr, function(index, val) {
$('<option>'+val.name+'</option>').appendTo('.selection');
if(index == 0){
$.each(val.value, function(index, val) {
$('<option>'+val+'</option>').appendTo('.options');
});
}
});
}
xuanran();
$('#div1').on('change', '.selection',function() {
var oP = $(this).parent().find('.options');
oP.empty();
$.each(arr[this.selectedIndex].value, function(index, val) {
$('<option>'+val+'</option>').appendTo(oP);
});
});

鸭子的失心疯的主页 鸭子的失心疯 | 初学一级 | 园豆:7
提问于:2016-09-22 16:28
< >
分享
最佳答案
1

插入代码吧,看着太长,又没有格式。

奖励园豆:5
顾晓北 | 专家六级 |园豆:10898 | 2016-09-22 17:04

 1 $(function() {
 2     init();
 3 })
 4 var arr=[];
 5 
 6 /*$('#selection').change(function() {
 7     $('#options').empty();
 8     $.each(arr[this.selectedIndex].value, function(index, val) {
 9         $('<option>'+val+'</option>').appendTo('#options');
10     });
11 });*/
12 function init() {
13     if(!zbObj.isLogin()) {
14         /*window.location.href = "index.html";*/
15         return;
16     } else {
17         $(".zb-logout").show();
18         $(".zb-logout").click(function() {
19             zbObj.logout();
20             window.location.href = "index.html";
21         });
22         ajaxGetZbclassify(zbObj.user.cid);
23     }
24 }
25 var global; 
26 
27 function callback(data){
28     global = data; 
29 }
30 function ajaxGetZbclassify(cid) {
31     var ajaxUrl = config.zbApi.getzbclassify;
32     var parameter = {
33         platform: getSys()
34     };
35     $.ajax({
36             type: 'post',
37             async: true,
38             url: ajaxUrl,
39             dataType: 'jsonp',
40             data: parameter,
41             jsonp: 'callback',
42             success: function(json) {
43                 
44                 for(var i = 0; i < json.data.length; i++) {
45                     var a = {
46                         'name': json.data[i].name,
47                         'value': []
48                     }
49                     for(var j = 0; j < json.data[i].child.length; j++) {
50                         a.value.push(json.data[i].child[j].name)
51 
52                     }
53                     arr.push(a);
54                     
55                 };
56                 
57             }
58 //        error: function() {}
59     });
60 }
61 
62 function xuanran(){
63     $('.selection').empty();
64     $('.options').empty();
65     $.each(arr, function(index, val) {
66         $('<option>'+val.name+'</option>').appendTo('.selection');
67         if(index == 0){
68             $.each(val.value, function(index, val) {
69                 $('<option>'+val+'</option>').appendTo('.options');
70             });
71         }
72     });
73 }
74 xuanran();
75 $('#div1').on('change', '.selection',function() {
76     var oP = $(this).parent().find('.options');
77     oP.empty();
78     $.each(arr[this.selectedIndex].value, function(index, val) {
79         $('<option>'+val+'</option>').appendTo(oP);
80     });
81 });

ajax的

鸭子的失心疯 | 园豆:7 (初学一级) | 2016-09-22 17:08

@鸭子的失心疯: 数据都有了不会渲染?大不了拼字符串嘛。。。

顾晓北 | 园豆:10898 (专家六级) | 2016-09-22 17:35

@顾晓北: 

jQuery1124025906439689060234_1474437929194({"code":"0","msg":"","data":[{"id":"1","parent_id":"0","level"
:"1","name":"\u6e38\u620f","child":[{"id":"2","parent_id":"1","level":"2","name":"\u82f1\u96c4\u8054
\u76df"},{"id":"3","parent_id":"1","level":"2","name":"\u9b54\u517d\u4e16\u754c"}]},{"id":"4","parent_id"
:"0","level":"1","name":"\u6237\u5916","child":[{"id":"5","parent_id":"4","level":"2","name":"\u9732
\u8425"},{"id":"6","parent_id":"4","level":"2","name":"\u751f\u5b58"}]}]})原本是这样,我转换的格式他们不愿意,让我换一种方法。。。

鸭子的失心疯 | 园豆:7 (初学一级) | 2016-09-22 17:36

@鸭子的失心疯: 什么叫“他们不愿意”?

顾晓北 | 园豆:10898 (专家六级) | 2016-09-22 17:40

@顾晓北: 公司大哥,说我做的太麻烦。。

鸭子的失心疯 | 园豆:7 (初学一级) | 2016-09-22 17:40

@鸭子的失心疯: 数据是你提供的?根据数据渲染界面是别人负责?

顾晓北 | 园豆:10898 (专家六级) | 2016-09-22 17:44

@顾晓北: 不是= =。。给我接口,然后我按要求去做。。。去渲染。。。重点是,以前没做过,基本都是靠自己瞎捉摸,看别人做的。。。

鸭子的失心疯 | 园豆:7 (初学一级) | 2016-09-22 17:45

@鸭子的失心疯: 就是别人提供数据,你负责渲染?

顾晓北 | 园豆:10898 (专家六级) | 2016-09-22 17:54

@顾晓北: 对对,数据要自己从后台请求。。。

鸭子的失心疯 | 园豆:7 (初学一级) | 2016-09-22 17:55

@鸭子的失心疯: 自己拼字符串啊。

顾晓北 | 园豆:10898 (专家六级) | 2016-09-22 18:56
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册