jsp页面调用服务器端接口分页显示数据的问题

最新推荐文章于 2020-12-04 22:36:13 发布
最新推荐文章于 2020-12-04 22:36:13 发布
阅读量207 收藏
点赞数
分类专栏： wap 文章标签： jsp 分页 json数组 服务器端接口
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenzheng8975/article/details/84240485
版权

index.jsp页面：


<li><a href="youhui/youhuiindex.jsp?page=1 "><img src="images/youhuiquan.png"></img><br/></a>优惠券</li>


youhuiindex.jsp页面：


<%@ page language="java" import="java.util.*,java.lang.* " pageEncoding="UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@ taglib prefix="sql" uri="http://java.sun.com/jstl/sql_rt" %>
<%@taglib uri="http://java.sun.com/jstl/fmt_rt" prefix="fmt"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 Integer ssh=Integer.parseInt(request.getParameter("page"))+1;
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'youhuiindex.jsp' starting page</title>
   
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">   
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <link rel="stylesheet" type="text/css" href="css/bijia/bijiaindex.css">
<script type='text/javascript' src='js/jquery-latest.js'></script>
<script type="text/javascript">
var murl='http://192.168.1.122:8080/bjmobile/viewCoupons.do';
 var page='<%=request.getParameter("page")%>';
//alert(page);
//page=1+parseInt(page);
 murl=murl+'?page='+page;
$(function() {
     var items='';
     $.post(murl,function(data){
         var json=eval("(" + data + ")");
         //alert(data);
         //alert(json["couponList"][0].title);
         //alert(json.length);
         for(var i=0;i<json["couponList"].length;i++){
             items=items+'<a href="#" style="text-decoration: none"><div class="item1">['+json["couponList"][i].stronename+']'+json["couponList"][i].titile+'　　　　> </div></a>';
         }
         $("#item").html(items);           
     });
});
</script>

  </head>
 
  <body>
    <div class="head1">
    <input class="loc1" type="submit" value="返回" οnclick="javascript:window.location.href='index.jsp'">
    <font class="loc2">优惠券</font>
    </div>
    <div id="item"></div>
    <hr/>
    <div><a href="youhui/youhuiindex.jsp?page= <c:out value='<%=(ssh)%>'/> ">下一页</a>　第 <%=(ssh-1)%> 页</div>
  </body>
</html>

风云正
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript分页控件1.0（page-navigater_V_1.0.0.zip）
01-25
以前写的分页控件都是和相关技术有关的，这是一个JavaScript写的分页控件，与服务器端的技术，如ASP,ASP.NET，PHP，JSP等无关，只需要在相应的地方输出信息即可; <br>调用方式： 用动态Web语言在HTML界面上...
JSP调用接口 并渲染数据到页面
u014573331的博客
09-15 3751
首先要在JSP文件中引入Jquery，使用ajax进行接口请求操作 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ajax 请求示例 <script> $(document).ready(function(){ $.ajax({ url: window.location.protocol + "//" +.
JSP页面调用接口发送JSON格式数据
pansanday的专栏
09-28 7910
问题描述： 1. 想在JSP页面测试调用后台接口，这个接口调用后需要进行页面跳转，所有无法使用Postman等工具 2. 接口接收的是JSON数据格式 在摸索了一番后，直接上可用代码片段： 支付测试 function login() { var myData = { "account": "da
基于J2EE框架的个人博客系统项目毕业设计论文(源码和论文）
03-12
在数据库处理方面，不需要在数据层借助存储过程及数据库服务器端函数封装过多的业务逻辑，因此数据库系统采用相对精巧的MySQL[6]。 该在线博客系统服务器端如果需要布置到其他主机上，则该主机必备条件如下： 1. ...
java开源包1
06-28
GWT Advanced Table 是一个基于 GWT 框架的网页表格组件，可实现分页数据显示、数据排序和过滤等功能！ Google Tag Library 该标记库和 Google 有关。使用该标记库，利用 Google 为你的网站提供网站查询，并且可以...
java面试宝典
02-28
233、说出在JSP页面里是怎么分页的? 55 234、存储过程和函数的区别 55 235、事务是什么？ 55 236、游标的作用？如何知道游标已经到了最后？ 55 237、触发器分为事前触发和事后触发，这两种触发有和区别。语句级触发...
JAVA上百实例源码以及开源项目源代码
09-17
　Tcp服务端与客户端的JAVA实例源代码，一个简单的Java TCP服务器端程序，别外还有一个客户端的程序，两者互相配合可以开发出超多的网络程序，这是最基础的部分。 递归遍历矩阵 1个目标文件，简单！ 多人聊天室 3...
JSP实现表格分页，表格分页类实现
09-29
package com; public class Pager { private int totalRows = 0; // 记录总数 private int totalPages = 0; // 总页数 private int pageSize = 10; // 每页显示数据条数，默认为10条记录 private int currentPage = 1; // 当前页数 private boolean hasPrevious = false; // 是否有上一页 private boolean hasNext = false; // 是否有下一页 public int getSearchFrom() { return (currentPage - 1) * pageSize; } public Pager() { } public void init(int totalRows) { this.totalRows = totalRows; this.totalPages = ((totalRows + pageSize) - 1) / pageSize; refresh(); // 刷新当前页面信息 } /** * * @return Returns the currentPage. * */ public int getCurrentPage() { return currentPage; } /** * * @param currentPage * current page * */ public void setCurrentPage(int currentPage) { this.currentPage = currentPage; refresh(); } /** * * @return Returns the pageSize. * */ public int getPageSize() { return pageSize; } /** * * @param pageSize * The pageSize to set. * */ public void setPageSize(int pageSize) { this.pageSize = pageSize; refresh(); } /** * * @return Returns the totalPages. * */ public int getTotalPages() { return totalPages; } /** * * @param totalPages * The totalPages to set. * */ public void setTotalPages(int totalPages) { this.totalPages = totalPages; refresh(); } /** * * @return Returns the totalRows. * */ public int getTotalRows() { return totalRows; } /** * * @param totalRows * The totalRows to set. * */ public void setTotalRows(int totalRows) { this.totalRows = totalRows; refresh(); } // 跳到第一页 public void first() { currentPage = 1; this.setHasPrevious(false); refresh(); } // 取得上一页（重新设定当前页面即可） public void previous() { if (currentPage > 1) { currentPage--; } refresh(); } // 取得下一页 public void next() { //System.out.println("next: totalPages: "
jsp从数据库读取数据显示到jsp页面
热门推荐
liuwenyou的博客
04-17 6万+
整个项目结构，jar包可网上下载导入package com.Podcast.dbutil; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLException; im...
对后台有分页的数据进行前端分页
weixin_37842682的博客
08-09 4837
和之前的那篇布局是一样的，功能是可以实现的，但总觉得封装函数方面还可以再改进一下 CSS部分 &lt;style&gt; .content{ width: 400px; margin:0 auto; } .fenye{ width: 100%; text-align: center; } ...
使用bootstrap-table的客户端分页（结合ajax）和服务端分页渲染表格
New_joined_lion的博客
12-04 1351
关于使用Bootstrap-table采用 客户端分页（结合ajax）和服务端分页 两种方法向服务器请求数据并渲染表格 的流程解析1 总述1.1 相关基础1.2 不同方法渲染数据的主要区别1.21客户端方法（结合ajax）：1.22服务器端方法：2 业务逻辑及准备环境2.1 主要业务逻辑2.2 相关环境（整个项目采用SpringBoot实现）2.21 服务端的封装查询结果集所需的JSONObject类2.22 关于数据库记录到JavaBean类的映射（Bean类属性名与数据库记录字段名一一对应）2.23 前
jsp怎么调用后端接口数据
最新发布
05-25
要调用后端接口数据，你可以使用以下步骤： 1. 在 JSP 页面中编写 AJAX 请求，以获取后端数据。例如： ``` $.ajax({ url: "/api/data", // 后端接口的 URL type: "GET", // 请求类型为 GET dataType: "json", /...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值