java中ajax如何获得数据库提取出来的多个数据

dom

下面是一部分程序代码

PreparedStatement ps = conprepareStatement(sql);

ResultSet rs = psexecuteQuery();

while(rsnext()){

business = documentcreateElement("business");

rootappendChild(business);

info_id = documentcreateElement("info_id");

info_idappendChild(documentcreateTextNode(rsgetString("info_id")));

businessappendChild(info_id);

create_name = documentcreateElement("create_name");

create_nameappendChild(documentcreateTextNode(rsgetString("create_name")));

businessappendChild(create_name);

create_time = documentcreateElement("create_time");

create_timeappendChild(documentcreateTextNode(rsgetString("create_time")));

businessappendChild(create_time);

title = documentcreateElement("title");

titleappendChild(documentcreateTextNode(rsgetString("title")));

businessappendChild(title);

content = documentcreateElement("content");

contentappendChild(documentcreateTextNode(rsgetString("content")));

businessappendChild(content);

}

Element firstPageEL,prePageEL,nextPageEL,lastPageEL;

firstPageEL = documentcreateElement("firstPage");

rootappendChild(firstPageEL);

firstPageELappendChild(documentcreateTextNode(firstPage));

prePageEL = documentcreateElement("prePage");

rootappendChild(prePageEL);

prePageELappendChild(documentcreateTextNode(prePage));

nextPageEL = documentcreateElement("nextPage");

rootappendChild(nextPageEL);

nextPageELappendChild(documentcreateTextNode(nextPage));

lastPageEL = documentcreateElement("lastPage");

rootappendChild(lastPageEL);

lastPageELappendChild(documentcreateTextNode(lastPage));

/Element root = documentcreateElement("root");

documentappendChild(root);

Element title = documentcreateElement("title");

titleappendChild(documentcreateTextNode("yaowei"));

rootappendChild(title);

Element content = documentcreateElement("content");

contentappendChild(documentcreateTextNode("yaoweijq"));

rootappendChild(content);

/

TransformerFactory tf = TransformerFactorynewInstance();

Transformer transformer = tfnewTransformer();

DOMSource source = new DOMSource(document);

transformersetOutputProperty(OutputKeysENCODING,"GB2312");

transformersetOutputProperty(OutputKeysINDENT,"yes");

StringWriter s = new StringWriter();

StreamResult result1 = new StreamResult(new BufferedWriter(s));

transformertransform(source,result1);

StringBuffer b = sgetBuffer();

conclose();

result = btoString();

WEB端

function displayTopic(currPageNum){

send_request("get","private/displayTopicjspcurrPageNum="+currPageNum,null,"text",listTopic);

}

function listTopic(){

if(>

纯js实现分页方法一：

废话不多说，直接上代码了！

注：本项目是全程使用js来写的，前台的数据通过ajax进行获取，然后再进行拼装，动态加载到页面。

1先把上一页，下一页等的代码附上(里面的值都是伪值，下面会在js里进行重新赋值的！)

<ul class="page" id="page">

<li id="shouye" class="p-prev disabled">

<a href='javascript:indexpage(1);'>首 页</a>

</li>

<li id="shangyiye" class="p-prev disabled" >

<a href='javascript:indexpage(-1);'><i></i>上一页</a>

</li>

<li ><a id="one" href="javascript:void(0);" >1</a></li>

<li><a id="two" href="javascript:void(0);" >2</a></li>

<li><a id="three" href="javascript:void(0);" >3</a></li>

<li class="more"><a id="five" href="javascript:void(0);" ></a></li>

<li><a id="fore" href="javascript:void(0);" >13855</a></li>

<li class='p-next'>

<a href='javascript:indexpage(-3);' onclick="jumpToPage('2','/goods/ajaxqueryGoodsListdohtml','','goodsListContainer','13855', listPageCallback);">下一页<i></i></a>

</li>

<li id="weiye" class='p-next'>

<a href='javascript:void(0);' onclick="indexpage(0);">尾 页</a>

</li>

<li class="total">

<span id="span_number">共13855页 到第<input type="text" id="input_number" class="page-txtbox" />页

<input name="" value="确定" type="button" onclick="jumpToPage(jQuery('#input_number')val(),'/goods/ajaxqueryGoodsListdohtml','','goodsListContainer','13855', listPageCallback);" class="page-btn"/>

</span>

</li>

</ul>

2首先在页面放两个隐藏域，一个是当前页码，一个是总页码，总页码是页面加载完，从后台查询出来后直接附上值的，当前页码是没 *** 作一个，就要对当前页码赋值

<input id="jiazai" type="hidden" ></input><!-- 当前页码 -->

<input id="totalpage" type="hidden" ></input><!-- 总页码 -->

3写一个页面加载完的function，给总页码和当前页码赋值

$(function(){

$('#jiazai')val(1);//给当前页码进行赋值，默认为第一页

ajaxfunction(page,arg,chipssort,'');//这个方法是抽取的ajax后台访问的方法

});

4抽取的ajax方法，此页面会用到好几次这个方法，所有把它收取了出来，因为页面的数据时通过ajax从后台获取到的，后台返回的是一个List集合

//抽取ajax的方法

function ajaxfunction(page,arg,chipssort,fontval){

$ajax({

type:'POST',

url:'/admin/receptionchips/showlist',//请求的url地址

data:{

page:page,

sort:arg,

chipssort:chipssort,

fontval:fontval

},

dataType:'json',

contentType:'application/x->

代码如下:

一html代码部分:

<table class="table style-5"> 

 <thead id="t_head"> 

  <tr> 

   <th>序号</th> 

   <th>标题</th> 

   <th>地点</th> 

   <th>已报名</th> 

   <th>类别</th> 

   <th> *** 作</th> 

  </tr> 

</thead> 

<tbody id="t_body"> 

<!-- ajax填充列表 -->

</tbody> 

</table> 

<button id="firstPage">首页</button> 

<button id="previous">上一页</button> 

<button id="next">下一页</button> 

<button id="last">尾页</button>

二ajax代码部分:

var pageSize = "10";//每页行数 

var currentPage = "1";//当前页 

var totalPage = "0";//总页数 

var rowCount = "0";//总条数 

var params="";//参数 

var url="activity_listaction";//action 

$(document)ready(function(){//jquery代码随着document加载完毕而加载 

 //分页查询 

 function queryForPages()

 { 

  $ajax({ 

   url:url, 

   type:'post', 

   dataType:'json', 

   data:"qocurrentPage="+currentPage+"&qopageSize="+pageSize+params, 

   success:function callbackFun(data)

   { 

    //解析json 

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

    //清空数据 

    clearDate(); 

    fillTable(info); 

   } 

  }); 

 } 

 //填充数据 

 function fillTable(info)

 { 

  if(infolength>1)

  { 

   totalPage=info[infolength-1]totalPage; 

   var tbody_content="";//不初始化字符串"",会默认"undefined" 

   for(var i=0;i<infolength-1;i++)

   { 

    tbody_content +="<tr>" 

    +"<td data-title='序号' >"+(i+1+(currentPage-1)pageSize)+"</td>" 

    +"<td data-title='标题'>"+info[i]titlesubstr(0,20)+"</td>" 

    +"<td data-title='地点'>"+info[i]addresssubstr(0,6)+"</td>" 

    +"<td data-title='已报名'>"+info[i]quota_sign+"人</td>" 

    +"<td data-title='类别'>"+info[i]type+"</td>" 

    +"<td data-title=' *** 作'><a href='<%=requestgetContextPath()%>/activity_editactionid="+info[i]id+"'>编辑</a></td>" 

    +"</tr>" 

    $("#t_body")html(tbody_content); 

   } 

  }

  else

  { 

   $("#t_head")html(""); 

   $("#t_body")html("<div style='height: 200px;width: 700px;padding-top: 100px;' align='center'>"+infomsg+"</div>"); 

  } 

 } 

 //清空数据 

 function clearDate()

 { 

  $("#t_body")html(""); 

 }

 //搜索活动 

 $("#searchActivity")click(function(){ 

  queryForPages();

 }); 

 //首页 

 $("#firstPage")click(function(){ 

  currentPage="1"; 

  queryForPages(); 

 }); 

 //上一页 

 $("#previous")click(function(){ 

  if(currentPage>1)

  { 

   currentPage-- ; 

  } 

  queryForPages(); 

 }); 

 //下一页 

 $("#next")click(function(){ 

  if(currentPage<totalPage)

  { 

   currentPage++ ; 

  } 

  queryForPages(); 

 }); 

 //尾页 

 $("#last")click(function(){ 

  currentPage = totalPage; 

  queryForPages(); 

 }); 

});

下面是一个使用 AJAX 发送异步请求，调用后端的控制层方法，并且获取这个方法返回的日期的示例：

<!DOCTYPE html>

<html>

<head>

<title>AJAX 示例</title>

</head>

<body>

<!-- 在页面上添加一个按钮，点击后发送 AJAX 请求 -->

<button id="btn">获取日期</button>

<!-- 在页面上添加一个元素，用于显示返回的日期 -->

<div id="result"></div>

<script>

// 获取按钮和结果元素

var btn = documentgetElementById('btn');

var result = documentgetElementById('result');

// 为按钮添加点击事件处理函数

btnonclick = function() {

// 创建一个 AJAX 对象

var xhr = new XML>

Ajax不能跳转页面， Ajax是用来发送请求给服务器，获取返回值的，只不过是异步的。

实现浏览器跳转一般使用a标签

和js实现，<script>windowlocationhref='>

移步github

作为程序猿，应该多多少少都用过Markdown，或者至少读过别人用Markdown语法写的一些文档，比如在GitHub有一个你要用的开源程序，而你又是第一回用它，那么你一般会在这个仓库的Readme里读一读开发者提供的工具说明和使用的相关信息，这部分文档一般就是用Markdown的语法写的

简单来说，Markdown就是简化阉割过的HTML，优点是语法简单高效，缺点就是HTML中一些稍微高级复杂一点的效果，比如文本居中，Markdown就无法实现，所以Markdown一般被用来写对页面排版要求不高，以文字为主的笔记和文档

如果你一开始用Markdown写了文档，想要把它放到你的网页上去，并以解析后的形式呈现

那么你有两种实现途径：

第一种方法：

第二种方法：

下面我们对 第二种方法 的实现过程进行详细的说明

上一部分已经提到，我们需要先让原始网页请求服务器中的Markdown文档

这一步需要使用AJAX（中文音译为阿甲克斯），这里先对AJAX作一个简单的科普：

对上面的脚本继续简单的说明：

那么这里有几个问题需要解答：

1 怎么指定我想要的Markdown文档呢？

表单的显示效果如下：

点击表单中的“显示”按钮后会执行 showMarkdown( ) 函数，即 用AJAX获取Markdown文档 部分的那个函数，并且将表单选择的信息通过 form 变量传递给了 showMarkdown( ) 函数中的 f 变量

这样就通过表单设定了用户指定的Markdown文档

这里采用的是GitHub上的名为 marked 的JS框架，链接： >

$(function(){

$("a")click(function(){

var param1={"参数1":"值1","参数2":值2};//在这里根据不同的a标记构建参数的json对象

$ajax({data:param1 });//这里把data的值改成刚才建立的变量param1，其它的保持不变

});

});

以上就是关于java中ajax如何获得数据库提取出来的多个数据全部的内容，包括:java中ajax如何获得数据库提取出来的多个数据、这个怎么用Ajax提取出来写成html、网页设计中页面默认为第二页,如何用js实现点击上一页跳转到第一页,点击下一页跳转等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！