mui用ajax上拉加载更多,mui 中的一个上拉加载及下拉刷新的方法 ,但是我使用ajax拿不到url中的数据,是为什么?...

博客内容涉及JavaScript实现的滚动效果和下拉刷新、上拉加载功能。代码中使用了mui库,并尝试通过AJAX从'http://www.beta.anviz.com/myanviz/faq/ajax.html?category_id=0'获取数据,但在调试过程中遇到问题,数据无法正确获取。可能的原因包括请求异步导致的回调函数执行时机问题或数据处理逻辑错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(function($) {

//阻尼系数

var deceleration = mui.os.ios?0.003:0.0009;

$('.mui-scroll-wrapper').scroll({

bounce: false,

indicators: true, //是否显示滚动条

deceleration:deceleration

});

$.ready(function() {

//循环初始化所有下拉刷新,上拉加载。

$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {

$(pullRefreshEl).pullToRefresh({

down: {

callback: function() {

var self = this;

setTimeout(function() {

var ul = self.element.querySelector('.mui-table-view');

ul.insertBefore(createFragment(ul, index, 10, true), ul.firstChild);

self.endPullDownToRefresh();

}, 1000);

}

},

up: {

callback: function() {

var self = this;

setTimeout(function() {

var ul = self.element.querySelector('.mui-table-view');

ul.appendChild(createFragment(ul, index, 5));

self.endPullUpToRefresh();

}, 1000);

}

}

});

});

var createFragment = function(ul, index, count, reverse) {

//var length = ul.querySelectorAll('li').length;

var fragment = document.createDocumentFragment();

var li;

var dataArr = dataList();//我在这里调用这个方法

for (var z = 0; z < count; z++) {

li = document.createElement('li');

li.className = 'mui-table-view-cell';

//li.innerHTML = '第' + (index + 1) + '个选项卡子项-' + (length + (reverse ? (count - i) : (i + 1)));

for(var i = 0; i < dataArr.length; i++){

var item = data[i];

var faqId = item.faqId;

var faqName = item.faqName;

}

li.innerHTML = '

' + faqName + '

'

fragment.appendChild(li);

}

return fragment;

};

//没有拿到数据,但是url测试时是有数据的

var dataList = function(){

var url = 'http://www.beta.anviz.com/myanviz/faq/ajax.html?category_id=0';

var dataArr = [];

mui.ajax({

type: 'GET',

url: url,

dataType: 'json',

success: function(data) {

console.log(data);//这个data就没有数据

var list = data.data;

for(var i = 0; i < list.length; i++) {

var item = list[i];

var faqName = item.faqName;

var faqId = item.faqId;

var dataEntity = {};

dataEntity.faqName = faqName;

dataEntity.faqId = faqId;

}

dataArr.push(dataEntity);

return dataArr;

}

});

}

});

})(mui);

ajax中的url是有数据的,但是却在调试中却取不出来,不知道是什么原因,大家能帮着看看吗?谢谢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值