ajax之返回值为HTML

来源：互联网发布：男变女软件编辑：程序博客网时间：2024/06/09 16:41

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">1 获取XMLHttpRequest（方法见http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_create.asp）</span>

2 在数据库中取值并返回

代码如下

JS部分

function $(id){return document.getElementById(id);}function getXmlhttp() {var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp = new XMLHttpRequest();} else {// code for IE6, IE5xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}return xmlhttp;}var xmlhttp = getXmlhttp();function load(){var oTbl = $("gbooktbl");xmlhttp.onreadystatechange = function(){if(xmlhttp.readyState==4 && xmlhttp.status==200){oTbl.innerHTML=xmlhttp.responseText;}};xmlhttp.open("GET","gbook.do?a=list",true);xmlhttp.send();}window.onload=function(){load();var oBtn = $("btn");oBtn.onclick=function(){var sUsername = $("username").value;var sTitle = $("title").value;var sContent = $("content").value;xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4 && xmlhttp.status==200){load();}};xmlhttp.open("GET","gbook.do?a=save&username="+sUsername+"&title="+sTitle+"&content="+sContent,true);xmlhttp.send();};};

Java部分（直接将数据拼成html的格式，在界面和直接用，不用进行解析）

private void list(HttpServletRequest request, HttpServletResponse response) throws IOException {// TODO Auto-generated method stubPrintWriter out = response.getWriter();List<Gbook> list = gbookService.findAll();for(Gbook g:list){out.println("<tr>");out.println("<td>"+g.getId()+"</td>");out.println("<td>"+g.getUsername()+"</td>");out.println("<td>"+g.getTitle()+"</td>");out.println("<td>"+g.getContent()+"</td>");out.println("<td><a href=\"javascript:del('gbook.do?a=del&id="+g.getId()+"')\">del</a></td>");out.println("</tr>");}}

后记：没有用ssh，没有用json返回，没有用jQuery进行封装。

0 0