jquery 实现页面自动加载

最新推荐文章于 2021-06-03 08:07:37 发布
最新推荐文章于 2021-06-03 08:07:37 发布
阅读量515 收藏
点赞数
文章标签： jquery 列表自动加载
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010940538/article/details/43730403
版权

最近组长布置了一项任务，让我们初步了解一下jquery，并用jquery实现页面的自动加载，我在网上找了一些资料实现此功能，现整理如下。

首先是要理清思路，下面给一个我从网上找的具体的例子，会帮助大家更好的理解。


将前台代码直接拷贝即可执行

这个只是简单的自动加载，我做的任务是要实现列表的加载，需要从数据库中读取数据，并显示在前台。我是通过以下这种方式实现的

首先我们需要搞清楚一点的是，实现自动加载，在页面初次加载的时候，就应该存在一页。因此在控制器中对应相应视图的action方法中，应添加如下代码

前台如下所示


其中，需要添加一个隐藏的id为pageIndex的控件来存储当前的页数，通过data传到后台，后台再根据相应的页数取出数据显示在前台。

tablelist指的是id为tablelist的table控件

后天的Li  action方法如下所示


以字符串的方式传到前台，前台success接收

希望对大家有所帮助


qytomorrow
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自动加载html,jQuery实现的自动加载页面功能示例
weixin_36322454的博客
05-31 486
本文实例讲述了jQuery实现的自动加载页面功能。分享给大家供大家参考，具体如下：demo.html：---------------阅谁问君诵，水落清香浮阅谁问君诵，水落清香浮阅谁问君诵，水落清香浮阅谁问君诵，水落清香浮阅谁问君诵，水落清香浮阅谁问君诵，水落清香浮阅谁问君诵，水落清香浮阅谁问君诵，水落清香浮+++++++++++++++scrollpagination.js：(function( ...
Jquery滚动到页面底部自动Ajax加载图文列表,类似图片懒加载效果,带加载效果
diehe5608的博客
09-17 316
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
jquery的两种常用自动加载方法
wang_tao219的博客
03-31 2340
一、jquery的两种常用自动加载方法： 1、 (function($){ })(jQuery); 2、 $(function(){ }); 加载的先后顺序： 第一步：代码块1加载。（是在css(html)信息加载完毕前运行。） 第二步：代码块2加载。（是在css(html)信息加载完毕后运行，实际开发中试用与动态加载图片效果下使用）
页面启动自动使用jquery实现自动加载方法的三种形式
weixin_43942718的博客
04-11 790
https://blog.csdn.net/weixin_38303684/article/details/78455502 第一种： function a(){ //声明一个方法 alert("a方法"); } window.onload=function(){ //...
jQuery实现的自动加载页面功能示例
10-21
主要介绍了jQuery实现的自动加载页面功能,结合简单实例形式分析了jQuery针对页面元素的动态加载与属性操作相关技巧,需要的朋友可以参考下
javaScript和jQuery自动加载简单代码实现方法
10-18
JavaScript 和 jQuery 是两种广泛用于网页动态效果和交互的编程语言，它们都能实现页面内容的自动加载功能。在本文中，我们将深入探讨如何使用这两种技术来实现在页面加载时执行特定的代码。 一、JavaScript 自动...
基于jquery实现页面滚动到底自动加载数据的功能
11-23
在接下来的博文中，我们将介绍如何实现自动加载更多的功能。 图1 微博加载更多功能 正文 假设，在我们的数据库中存放着用户的消息数据，现在，我们需要通过Web Service形式开放API接口让客户端调用，当然我们也可以...
jquery列表自动加载更多
04-21 138
<!doctype html> <html> <head> <meta charset="utf-8"> <title>{$Think.lang.E160}</title> <link href="__CSS__/css.css" rel="stylesheet"> <meta na...
html自动加载网址,网页自动刷新网站监控工具添加网址到网址列表的方法
weixin_29074409的博客
06-03 856
有时候网站打开网页后，停留久了，内容就过时不能及时刷新信息，这时候使用一些网页自动刷新工具就能让网页自动刷新，随时监控和管理网站的网页内容，网页自动刷新监控工具就是这样的一款软件，今天小编将为大家介绍一下网页自动刷新监控工具添加网址到网址列表的方法。方法步骤添加网址到提交列表，共有四种添加方法：网页自动操作、刷新、点击、提交软件的网址列表选项卡相同。1、点击【添加】按钮弹出添加网址对话。手工输入网...
页面加载即执行JQuery的三种方法
热门推荐
小小默：进无止境
12-26 6万+
【1】$(function( ){ }）； $(function(){ 　　$("#name").click(function(){ 　　　　//adding your code here 　　}); }); 【2】 $(document).ready(function( ){ }) $(document).ready(function(){ 　　$("#name").click
jquery在启动页面时，自动加载数据
星空下的那个人影
01-19 9848
其实，重要的就是这个方法： $(document).ready(function(){ }具体的在jquery中：具体的ajax怎么使用，可以查看我的上一篇博客《ajax在jquery中的请求和servlet中的响用》 $(document).ready(function(){ var str = ""; var strA = ""; $.ajax({
当页面加载就执行jq
ccsdn的博客
08-22 2473
【1】$(function( ){ }）； $(function(){ 　　$("#name").click(function(){ 　　　　//codding 　　}); }); 【2】 $(document).ready(function( ){ }) $(document).ready(function(){ 　　$("#name").click(functi...
JavaScript 页面自动执行（加载）js的几种方法
wzp6010625的博客
11-15 1万+
一、JS方法1.最简单的调用方式，直接写到html的body标签里面：<html> <body onload="func1();func2();func3();"></body> </html>2.在JS语句调用：<script type="text/javascript"> 　　function myfun(){ 　　 　　 alert("this window.onload");
jQuery实现滚动条一直处于最底部
Joyce Luo的专栏
08-05 2万+
相信大家有时候在展示一些实时数据展示并且数据量很大的时候，因为无法在同一页面看到最有效的数据，所以我们需要将滚动条至于底部，以便我们看到最需要的数据和信息；这里很明显的例子那拿windows的ping来说吧，当我们长ping的时候，这时候数据会越来越多，而且还是累加的，新数据又全部在后面，所以这个时候让滚动条一直处于底部就大有作为了！ 大伙可以看一下，在windows的cmd中执行ping 地址
Jquery动态加载页面
weixin_34126557的博客
06-25 644
Jquery动态加载页面 Jquery动态加载页面的一个简单例子：<html> <head> <title>Enter the title of your HTML document here</title> <script type="text/javascript...
jquery页面加载后自动执行
bobozai86的博客
01-20 1286
1、$(function(){ 　　$("#a").click(function(){ 　　　　//adding your code here 　　}); }); 2、$(document).ready(function(){ 　　$("#a").click(function(){ 　　　　//adding your code here　　 　　}); }); 3、window...
jquery实现div设定宽度后文本自动换行
最新发布
08-09
使用jQuery实现div设定宽度后文本自动换行，可以通过设置div的CSS属性来实现。 首先，在HTML中定义一个div元素： ``` 这是一段很长的文本，当div的宽度设定后，文本会自动换行。 ``` 然后，在JavaScript中使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值