ajax讀取數(shù)據(jù)庫(kù)內(nèi)容實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉選擇菜單示例

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:52:20

ajax讀取數(shù)據(jù)庫(kù)內(nèi)容實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉選擇菜單示例

ajax讀取數(shù)據(jù)庫(kù)內(nèi)容實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉選擇菜單示例: 代碼如下:<PRE class=javascript name=code></PRE><PRE class=javascript name=code>—————————————————————這是ajax（javascript）代碼———————————————————————————&

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀ajax讀取數(shù)據(jù)庫(kù)內(nèi)容實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉選擇菜單示例: 代碼如下:<PRE class=javascript name=code></PRE><PRE class=javascript name=code>—————————————————————這是ajax（javascript）代碼———————————————————————————&

代碼如下:


<PRE class=javascript name="code"></PRE><PRE class=javascript name="code">—————————————————————這是ajax（javascript）代碼———————————————————————————</PRE><PRE class=javascript name="code"></PRE><PRE class=javascript name="code">function send_request(callback, urladdress, isReturnData){ 
var xmlhttp = getXMLHttpRequest(); 
xmlhttp.onreadystatechange = function(){ 
if (xmlhttp.readyState == 4) {//readystate 為4即數(shù)據(jù)傳輸結(jié)束 
try{ 
if(xmlhttp.status == 200){ 
if(isReturnData && isReturnData==true){ 
callback(xmlhttp.responseText); 
} 
}else{ 
callback("抱歉，沒(méi)找到此頁(yè)面:"+ urladdress +""); 
} 
} catch(e){ 
callback("抱歉，發(fā)送請(qǐng)求失敗，請(qǐng)重試 " + e); 
} 
} 
} 
xmlhttp.open("POST", urladdress, true); 
xmlhttp.send(null); 
} 
function getXMLHttpRequest() { 
var xmlhttp; 
if (window.XMLHttpRequest) { 
try { 
xmlhttp = new XMLHttpRequest(); 
xmlhttp.overrideMimeType("text/html;charset=UTF-8");//設(shè)定以UTF-8編碼識(shí)別數(shù)據(jù) 
} catch (e) {} 
} else if (window.ActiveXObject) { 
try { 
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
} catch (e) { 
try { 
xmlhttp = new ActiveXObject("Msxml2.XMLHttp"); 
} catch (e) { 
try { 
xmlhttp = new ActiveXObject("Msxml3.XMLHttp"); 
} catch (e) {} 
} 
} 
} 
return xmlhttp; 
} 
</PRE>————————————————————————這是客戶(hù)端表單jsp代碼——————————————————————————————<BR> 
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="/struts-tags" prefix="s"%><!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 type="text/javascript" src="<%=request.getContextPath()%>/js/xmlhttp.js"></script><script type="text/javascript">function getProcess(value) {var process = document.getElementById('process');send_request(function(value2) 
{process.innerHTML = value2;}, "getProcessType.action?value="+value, true);}</script></head><body><div><form action="" method="post" name="form"><select name="process" onchange="getProcess(this.value)"><option value="0" selected>請(qǐng)選擇流程種類(lèi)</option><option value="Y">業(yè)務(wù)流程</option><option 
value="G">管理流程</option><option value="Z">支持流程</option></select><div id="process"><select name="smallclass"><option value="一級(jí)流程名稱(chēng)" selected>請(qǐng)選擇一級(jí)流程名稱(chēng)</OPTION></select></div><input type="submit" value="提交"></form></div></body></html> 
<PRE></PRE> 
<BR> 
<P><PRE class=html name="code"><PRE class=html name="code">————————————————————————這是服務(wù)端action代碼——————————————————————————————</PRE><BR> 
<P></P> 
<PRE></PRE> 
這里是我的業(yè)務(wù)邏輯，每個(gè)邏輯不同，所以這段代碼這只是為了把想要顯示的內(nèi)容放在request范圍內(nèi)，然后return到下一個(gè)頁(yè)面.javabean中有我的MyProcess類(lèi)和它的屬性 
<P></P> 
<P><PRE class=java name="code">public String getProcessType(){ 
HttpServletRequest request=ServletActionContext.getRequest(); 
String value=request.getParameter("value"); 
List<MyProcess> MyProcesses= processService.getProcessByType(value); 
for(MyProcess p:MyProcesses){ 
System.out.println(p.getName()); 
} 
request.setAttribute("list",MyProcesses); 
return SUCCESS; 
}</PRE><PRE class=html name="code"></PRE><PRE class=html name="code"></PRE><PRE class=html name="code">————————————————————————這是服務(wù)端jsp代碼——————————————————————————————</PRE><PRE class=html name="code"><%@ page language="java" contentType="text/html; charset=UTF-8" 
pageEncoding="UTF-8"%> 
<%@ include file="/page/share/taglib.jsp"%> 
<!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> 
</head> 
<body> 
<select name="smallclass"> 
<option value="一級(jí)流程名稱(chēng)" selected>請(qǐng)選擇一級(jí)流程名稱(chēng)</OPTION> 
<c:forEach items="${list}" var="myprocess"> 
<option value="${myprocess.processID}" > 
${myprocess.name} 
</option> 
</c:forEach> 
</select> 
</body> 
</html></PRE><BR> 
<BR> 
<P></P> 
<P>這個(gè)過(guò)程差不多就這些！</P> 
<P><BR> 
</P> 
</PRE> 

 
 




聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

ajax讀取數(shù)據(jù)庫(kù)內(nèi)容實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉選擇菜單示例

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：數(shù)據(jù) 下拉菜單實(shí)現(xiàn)

熱門(mén)焦點(diǎn)

ajax讀取數(shù)據(jù)庫(kù)內(nèi)容實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉選擇菜單示例

ajax讀取數(shù)據(jù)庫(kù)內(nèi)容實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉選擇菜單示例

ajax讀取數(shù)據(jù)庫(kù)內(nèi)容實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉選擇菜單示例

最新推薦

猜你喜歡

熱門(mén)推薦