麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JSP > 正文

AJAX自學練習 無刷新從數據庫后臺取數據顯示

2024-09-05 00:21:06
字體:
來源:轉載
供稿:網友
AJAX自學練習 無刷新從數據庫后臺獲取數據并顯示的代碼,大家可以參考下。

請求頁面request.jsp

復制代碼 代碼如下:


<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script language="javascript"><!--
function GetXmlHttpObject(){
var xmlHttp = null;
try{
xmlHttp = new XMLHttpRequest();
}catch(e){
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;

}
function showMsg(str){
xmlHttp = GetXmlHttpObject();
if(xmlHttp == null){
alert ("you browser don't support the ajax");
return;

}
var url = "response.jsp";
url = url + "?q="+ str;
url = url + "&sid ="+ Math.random();
xmlHttp.onreadystatechange = stateChanged;
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
function stateChanged()
{
if(xmlHttp.readyState==4)
{
document.getElementById("showHint").innerHTML = xmlHttp.responseText;
}
}
// --></script>
</head>
<body>
<form action="" method="post">
<p>RocarsId:</p>
<select onchange="showMsg(document.form1.select1.options[document.form1.select1.selectedIndex].value)" >
<option value="140">140</option>
<option value="150">150</option>
</select>
<div>Show rocars ccrn messages.</div>
</form>
</body>
</html>


response.jsp

復制代碼 代碼如下:


<%@ page language="java" contentType="text/plain; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="com.lwf.eus.util.*,java.util.*,com.lwf.eus.entity.*,com.lwf.eus.bean.*" %>
<html>
<head>
<title>response the ccrn</title>
</head>
<body>
<%
String q = request.getParameter("q");
System.out.println("message:" + q);
RocarsBean rocars = RocarsEntity.getRocarsListById(q);
%>
<table>
<tr>
<td>RocarsId</td>
<td>RocarsCcrn</td></tr>
<tr>
<td><%=rocars.getRocarsId() %></td>
<td><%=rocars.getCcrn() %></td>
</tr>
</table>
</body>
</html>


注意這里與自學練習一不同的是,request.jsp頁面用一個div來顯示信息,response.jsp從數據庫里面查詢出來的內容放在table標簽里,其它的html標簽不會在div里面顯示。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久久蜜桃精品一区二区三区综合网 | 91午夜视频| 日本网站一区 | 亚洲欧美日韩免费 | 黄色大片免费看 | 欧美黄一级 | 国产女厕所 | 久久精品av | 日本黄色免费片 | 美女黄色毛片免费看 | 国产乱淫a∨片免费视频 | 欧美亚成人 | 手机视频在线播放 | 国产一级aaa全黄毛片 | 一级做人爱c黑人影片 | 亚洲综合视频一区 | 一级做人爱c黑人影片 | 免费看欧美一级特黄a毛片 九色com | 精品国产乱码久久久久久丨区2区 | 日韩在线欧美在线 | 色就色 综合偷拍区91网 | 国产精品久久久久久久久久久久午夜 | 亚州精品国产 | 欧洲成人精品 | 亚洲综合91 | 少妇的肉体的满足毛片 | 久久日本 | 国产一区二区免费 | av免费在线播放网址 | 99在线精品视频免费观看20 | 黄网站免费观看视频 | 午夜在线视频一区二区三区 | 一级做a爱片性色毛片高清 国产精品色在线网站 | 伊人成人免费视频 | 国产无限资源在线观看 | 亚洲精久| 亚洲国产精久久久久久久 | 亚洲国产网站 | 久久国产精品久久久久久电车 | fc2成人免费人成在线观看播放 | 在线观看va |