一个·用来处理json数据的js文件，传过来的json数据是{"infos":[{"id":402881e9564b22f701564b251aef0001,"title":"火影","publishingTime":"2016-08-02 20:05:38.0","isEditable":"true"},{"id":402881e9565a7f3601565a86f0c30001,"title":"龙珠","publishingTime":"2016-08-05 19:46:48.0","isEditable":"true"},{"id":402881e9565a7f3601565a8720ac0002,"title":"哈哈","publishingTime":"2016-08-05 19:47:00.0","isEditable":"true"},{"id":402881e9565a7f3601565a87464b0003,"title":"海贼","publishingTime":"2016-08-05 19:47:10.0","isEditable":"true"},{"id":402881e9565a7f3601565a87b47c0004,"title":"海贼王","publishingTime":"2016-08-05 19:47:38.0","isEditable":"true"}],"pageBean":{"pageSize":5,"currentPage":1,"totalPage":1,"hasPrevious":false,"HasNext":false}}处理json数据的文件是 var pageIndex = 1;//首页 $(function () { ajaxGetListData(pageIndex); }); //ajax获取列表function ajaxGetListData(index) { $.ajax({ url: "getFirstInfoList.action", type: "Post", data: "page=" + index, dataType: "json", success: function (data) { var htmlStr = ""; htmlStr += "<table class='tab-list' width='99%'>"; htmlStr += "<thead>"; htmlStr +="<tr class='list-header'>" +"<td width='5%'>序号</td>" +"<td width='30%'>用户ID</td>" +"<td width='20%'>标题</td>" +"<td width='20%'>创建时间</td>" +"</tr>"; htmlStr += "</thead>"; htmlStr += "<tbody>"; for (var i = 0; i < data.infos.length; i++) { htmlStr += "<tr>"; htmlStr += "<td>" + (i+1) + "</td>" + "<td>"+ data.infos[i].id + "</td>" + "<td>"+ data.infos[i].title+ "</td>" +"<td>"+ data.infos[i].publishingTime+ "</td>"; htmlStr += "</tr>"; } if(data.infos.length==0){ htmlStr += "<tr style='text-align: center'><td colspan='6'><font color='#cd0a0a'>"+ '暂无记录' + "</font></td></tr>"; } htmlStr += "</tbody>"; htmlStr += "<tfoot>"; htmlStr += "<tr>"; htmlStr += "<td colspan='3' style='text-align: left;border-right: 0px;'>"; htmlStr += "<font color='grey'>显示"; htmlStr += "<span>每页" + data.pageBean.pageSize + "条记录_共<span id='count'>" + data.pageBean.totalPage+ "</span>页_"+"当前第"+data.pageBean.currentPage+"页" + "</span></font>"; htmlStr += "</td>"; htmlStr += "<td colspan='3' style='text-align: right;border-left: 0px;'>"; if(data.pageBean.currentPage > 1){ htmlStr += "<a href='javascript:void' onclick='GoToFirstPage()' id='aFirstPage' >首 页</a> "; }else{ htmlStr += "<font color='grey'>首 页</font>  "; } if((data.pageBean.currentPage - 1 ) > 0 ){ htmlStr +="<a href='javascript:void' onclick='GoToPrePage()' id='aPrePage'>上一页</a>  "; }else{ htmlStr +="<font color='grey'>上一页</font>  "; } if((data.pageBean.currentPage+1) > data.pageBean.totalPage){ htmlStr += "<font color='grey'>下一页</font> "; }else{ htmlStr += "<a href='javascript:void' onclick='GoToNextPage()' id='aNextPage'>下一页</a> "; } if(data.pageBean.currentPage < data.pageBean.totalPage){ htmlStr += "<a href='javascript:void' onclick='GoToEndPage()' id='aEndPage' >尾 页</a> "; }else{ htmlStr += "<font color='grey'>尾 页</font>  "; } htmlStr += "<input id='pageNum' name='pageNum' class='input-page' type='text' /><input type='button' value='跳转' onclick='GoToAppointPage(this)' style='width: 60px; height: 25px;font-size: 12px;'/> "; htmlStr += "</td>"; htmlStr += "</tr>"; htmlStr += "</tfoot>"; htmlStr += "</table>"; $("#divSearchResult").html(htmlStr); }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest); alert(textStatus); alert(errorThrown); } }); } //首页 function GoToFirstPage() { pageIndex = 1; ajaxGetListData(pageIndex); } //上一页 function GoToPrePage() { pageIndex -= 1; pageIndex = pageIndex >= 0 ? pageIndex : 0; ajaxGetListData(pageIndex); } //下一页 function GoToNextPage() { if (pageIndex < parseInt($("#count").text())) { pageIndex += 1; } ajaxGetListData( pageIndex); } //尾页 function GoToEndPage() { pageIndex = parseInt($("#count").text()); ajaxGetListData(pageIndex); } //跳转 function GoToAppointPage(e) { var page = $(e).prev().val(); if (isNaN(page)) { alert("请输入数字!"); } else { var tempPageIndex = pageIndex;//pageIndex==currentPage pageIndex = parseInt(page); if (pageIndex < 0 || pageIndex > parseInt($("#count").text())) { pageIndex = tempPageIndex; alert("请输入有效的页面范围!"); }else { ajaxGetListData(pageIndex); } } } 2016/10/12 23:53:24放下 2016/10/12 23:53:24<%@ page language="java" contentType="text/ html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib prefix="s" uri="/struts-tags" %><%@ taglib prefix="sd" uri="/struts-dojo-tags" %><%request.setCharacterEncoding("UTF-8"); %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <script language="Javascript" src="js/XMLHttpRequestFactory.js"></script> <script language="Javascript" src="js/Asynchronous.js"></script> <script language="Javascript" src="js/AjaxList.js"></script> <head> <s:head theme="xhtml" /> <sd:head parseContent="true" /> <meta http-equiv="Content-Type" content="text/ html;charset=UTF-8"> <title>社区主页</title> </head> <body> <div> <input type="text" id="txtSearch" /> <input type="button" id="btnSearch" value="Search" /> </div> <div id="divSearchResult"> </div> </body></ html>经过测试里面的函数就是不执行，有可能是什么原因
添加回答
举报
0/150
提交
取消