ajax中的data怎么获取所有数据,ajax从后台获取全部的数据之后,现在分次显示在页面上。...

本文探讨了如何在前端实现数据分页显示,避免不断调用ajax请求。通过在页面上处理从后端获取的数千条数据,实现一次加载、分批展示的策略。利用JavaScript处理接收到的g_cityList数组,每次显示1000条数据,优化用户体验。这种方法可以有效减少网络请求,提高页面性能。
摘要由CSDN通过智能技术生成

使用ajax从后台获取到全部数据,要在页面分次显示, 之前是不断的调用ajax来分次显示,现在是在页面上做分次显示。

$.ajax({

type: "POST",

url: "./ajaxAutoComplete.do",

dataType:"json",

data: "method=getCityList&countryCode="+countryCode+"&offset="+offsetDate+"&isPage=false",

success: function(g_cityList){

var sCityTable = [];

var cityCodeArr = cityCodes.split(",");

$("#cityBtn").select({

dataType : "cityName",

dataArray : g_cityList,

dataCode : cityCodeArr,

checkboxText:$("#cityCode"),

});

}

});

success返回的是一个g_cityList数组,这个数据有几千条,怎么每次显示,比如一次显示1000条

这个数据生成的页面是用js写的,后台返回的数据直接导入到js中生成页面。

后端分页我已经完成,但是上司要求在前端分别。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ext.data.Store 类是 ExtJS 用于管理数据的核心类之一,它提供了从后台获取数据、本地缓存数据数据筛选和排序等功能。下面介绍一下 Ext.data.Store 从后台获取数据的几种方式。 1. Ajax 请求方式 可以通过在 Store 的 proxy 配置设置 type 为 ajax,然后配置 url、method、params 等参数来发送 Ajax 请求,从后台获取数据。示例代码如下: ``` Ext.create('Ext.data.Store', { proxy: { type: 'ajax', url: 'your_url', method: 'GET', params: { // 请求参数 }, reader: { type: 'json', rootProperty: 'data' } }, autoLoad: true, fields: [ // 字段定义 ] }); ``` 2. JsonP 请求方式 可以通过在 Store 的 proxy 配置设置 type 为 jsonp,然后配置 url、callbackKey 等参数来发送 JsonP 请求,从后台获取数据。示例代码如下: ``` Ext.create('Ext.data.Store', { proxy: { type: 'jsonp', url: 'your_url', callbackKey: 'callback', reader: { type: 'json', rootProperty: 'data' } }, autoLoad: true, fields: [ // 字段定义 ] }); ``` 3. Restful 请求方式 可以通过在 Store 的 proxy 配置设置 type 为 rest,然后配置 url、reader、writer 等参数来发送 Restful 请求,从后台获取数据。示例代码如下: ``` Ext.create('Ext.data.Store', { proxy: { type: 'rest', url: 'your_url', reader: { type: 'json', rootProperty: 'data' }, writer: { type: 'json' } }, autoLoad: true, fields: [ // 字段定义 ] }); ``` 4. WebSocket 请求方式 可以通过在 Store 的 proxy 配置设置 type 为 websocket,然后配置 url、reader、writer 等参数来发送 WebSocket 请求,从后台获取数据。示例代码如下: ``` Ext.create('Ext.data.Store', { proxy: { type: 'websocket', url: 'your_url', reader: { type: 'json', rootProperty: 'data' }, writer: { type: 'json' } }, autoLoad: true, fields: [ // 字段定义 ] }); ``` 需要注意的是,以上不同类型的请求方式需要根据后台接口的实际情况进行选择和配置。同时,在 Store 的 fields 配置也需要定义从后台获取数据字段
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值