用ajax做一个查询,然后分页,在将数据返回从java返回ajax的时候,怎样将list等返回

用ajax做一个查询,然后分页,在将数据返回从java返回ajax的时候,怎样将list等返回,第1张

不管有多少数据。 都把他们装到一个map里(spring mvc就是这么干的)然后把这个map转化成json字符串,用response 写到前台。

前台拿到这个json后根据你想要的效果解析,根据键获取value就可以了。

while(rsnext){

//这里这么做,首先实例化你的数据表,比如你的数据表实体类是Book,里面含有“数量”,“图书编号”,“书名”,“价格”,“图书编号”等成员变量。

Book book = new Book();

//将从数据库中读取的字段插入到Book实例中

booksetBsl(rsgetInt("Bsl"));

booksetBid(rsgetInt("Bid"));

booksetBid(rsgetString("BookName"));

booksetBid(rsgetString("Bprice"));

booksetBid(rsgetString("Image"));

//最后添加到list里面去

lsadd(book);

}

//最后将list返回

return ls;

//楼主不知道你的数据表,所以rsgetString("这里面的字段是你数据表的相关字段")

大数据量下的分页解决方法:要看你的数据存储是用的什么数据库了。常用的有mysql,sqlserver,oracle。没种数据库进行分页的SQL语句不同。

做大数据分页都是无刷新的技术,这里我们选择ajax来实现。ajax请求地址需要你使用后台代码来实现,后台代码除了要返回数据集合还要返回数据的总数量,总页数,下一页等参数,方便选择分页的时候获取数据。

下面看一下后台代码实现,sqlserver的分页SQL:selecttop一页数量from表名where主键notin(selecttop15主键from表名)

mysql的分页语句SQL:selectfrom表名where主键>10orderbydeptnoascpmitn;

主要思路:就是点击当前页时,它自己显示,其它的都隐藏; 下面是简单的代码实现: inputactive {background:yellow;} div {width:200px; height:200px; border:1px solid red; display:none;} divactive {display:block;} windowonload=func

在阅读了Bootstrap-tablejs源码后发现是因为JS里并没有获取到data(即没有获取表格的内容)。也就是说在还没获取数据之前就已经执行了Bootstrapjs。所以我尝试了使用AJAX同步执行,仍然不起作用。

在经过了很多尝试后,还是失败。最后我选择了个比较笨的方法。在前面的分析中发现其实在还没获取AJAX返回的值之前,bootstrap-table就已经执行完并渲染了,而最后我们看到的结果是通过Vue显示的 而不是通过bootstrap-table。我检查了bootstrap-tablejs的源码,发现是data在起作用,所以我直接在ajax成功获得数据后把值给了bootstrap-table,而不是通过vue去赋值 就是直接传值给Bootstrap-table,而不通过Vue。

本文实例为大家分享了laypage前端分页插件,ajax异步分页,获取json数据实现无刷新分页,供大家参考,具体内容如下:

function GetList(pageIndex) {

var _this = ""

var clone_this = "";

_this = $("BindDataList");//数据列表容器,

clone_this = _thisclone(true);

var pageSize = 25;//每页展示的条数

$ajax({

type: "get",

async: false,//异步锁定,默认为true

url: "/ashx/System/DefaultAjaxashx",//后端处理数据,返回json格式

data: {"pageIndex": pageIndex, "pageSize": pageSize, },

contentType: "application/json; charset=utf-8",

success: function (data) {

var json = eval("(" + data + ")");

if (jsonPageCount > 0) //数据总条数

{

_thishtml("");

for (var i = 0; i < jsonrowslength ; i++) {

var html = "<li>json数据</li>";

_thisappend(html);

}

jsonpage(json, pageIndex, pageSize);

}

else {

_thishtml("");

_thisappend("");

}

}

});

}

function jsonpage(json, pageIndex, pageSize) {

var coun = jsonPageCount;//总数据条数

var pagecount = coun % pageSize == 0 coun / pageSize : coun / pageSize + 1;//计算多少页

var laypageindex = laypage({

cont: 'project_page', //容器。值支持id名、原生dom对象,jquery对象。

skin: '#fb771f',

pages: pagecount, //通过后台拿到的总页数

curr: pageIndex, //初始化当前页

first: '|<', //将首页显示为数字1,。若不显示,设置false即可

last: '>|', //将尾页显示为总页数。若不显示,设置false即可

prev: '<', //若不显示,设置false即可

next: '>', //若不显示,设置false即可

jump: function (obj, first) { //触发分页后的回调

if (!first) { //点击跳页触发函数自身,并传递当前页:objcurr

SearchHotTag(objcurr);

}

}

});

}

php是用来和服务器(同步)交互的环境平台,单纯用PHP开发网站也没有任何问题,但是没有任何智能化可言,因为每个动作都需要请求服务器(刷新页面), ajax(Asynchronous JavaScript and XML)也是与服务器(异步)交互模式

javascript是一种客户端语言,它的优点是无须请求服务器就可以做一些工作, 比如客户端验证用户提交的表单数据等。但是如果你想做以为优秀的WEB开发人员, javascript 也是必须的, 不懂JS就更谈不上AJAX了, javascript可以使你的WEB系统更加智能,如果你的时间够多,而且对JS相对精通,你可以把你的WEB系统开发的就象一个桌面系统一样(无刷新)

例如腾讯的评论就是采用AJAX开发的, 在分页的时候终端页面不用刷新,而是异步与数据库交互的(AJAX)

个人认为一个优秀的WEB开发人员必须具备的语言:

1 HTML(HyperText Mark-up Language)

2 CSS(Style Sheet)

3 JavaScript(跨平台,非常安全)

4 VBScript(针对MS平台非常强大,但相对不安全)

5 SqlServer | MySql | Oracle | 或其它数据库

6 Access (数据库,可以作为小型数据存储)

7 XML(eXtensible Markup Language)

8 XSL(EXtensible Stylesheet Language)

9 ASP | ASPNET | PHP | JSP | CGI | 或其它服务器环境语言

10 C++ | JAVA | C# | 或其它面向对象的语言(很多时候需要开发一些组建便于客户端调用,或与WEB系统交互, 或处理一些WEB数据,比如蜘蛛)

以上就是关于用ajax做一个查询,然后分页,在将数据返回从java返回ajax的时候,怎样将list等返回全部的内容,包括:用ajax做一个查询,然后分页,在将数据返回从java返回ajax的时候,怎样将list等返回、java ajax分页问题、大数据量下的分页解决方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9630855.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存