เมนูเชื่อมโยงรอง Ajax ที่แข็งแกร่งและใช้งานได้จริง (พร้อมดาวน์โหลดแพ็คเกจการสาธิตและแหล่งที่มาของโปรแกรม)
ไม่กี่วันที่ผ่านมาเมื่อฉันทำงานกับแบ็กเอนด์ฉันใช้เมนูเชื่อมโยงระดับที่สอง ฉันค้นหาออนไลน์เป็นเวลานาน แต่ไม่พบสิ่งที่น่าพอใจ มันเป็นอย่างนี้หรืออย่างนั้น บางครั้งฉันไม่สามารถกลับมาได้เมื่อทำการเลือก ฉันรู้สึกหดหู่ใจจริงๆ
หลังจากนั้นฉันเห็นใครบางคนที่ใช้ Ajax เพื่อเขียนการจำแนกระดับอนันต์ (AO, ฮ่าฮ่าฉันไม่เข้าใจ) ฉันคิดว่าฉันสามารถลองใช้อาแจ็กซ์ในพื้นหลัง แม้ว่ามันจะช้ากว่าการใช้ JavaScript แต่สิ่งนี้ใช้งานได้จริงและทรงพลัง ฉันจะไม่ทำผิดพลาดใด ๆ และฉันจะไม่เลือกหมวดหมู่หลักแล้วกลับไปที่สถานะที่คลาสย่อยว่างเปล่าโดยไม่ต้องเลือก ฮ่าฮ่า.
ไดเรกทอรีไฟล์: ดังแสดงในรูปภาพ
รหัสหลักมีดังนี้:
index.asp
การคัดลอกรหัสมีดังนี้:
<%@language = "vbscript" codePage = "936"%>
<! doctypehtmlpublic "-// w3c // dtdxhtml1.0transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<htmlxmlns = "http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv = "เนื้อหาประเภท" c/>
<title> การเชื่อมโยงระดับที่สองของ Ajax โดย Ah Feng </title>
<scriptLanguage = "JavaScript" src = "js.js"> </script>
</head>
<body>
<h2> <ahref = "http://yeahdown.com/"> การเชื่อมโยงระดับที่สองของ Ajax โดย Ahfeng </a> </h2>
<!-#includefile = "iconn.asp"->
-
setafeng = conn.execute ("selectbigclassid, bigclassnamefrombigclass")
-
<formId = "form1" name = "form1" method = "post" action = "">
<divid = "bigclass" style = "float: left">
<selectName = "เลือก">
<optiveValue = "0"> เลือกการจำแนกระดับแรก </portion>
<%ifnotafeng.eofthen
dowhilenotafeng.eof
bigclassid = afeng ("bigclassid")
bigclassName = afeng ("bigclassname")%>
<aptovientValue = "<%= bigclassid%>"> <%= bigclassName%> </portion>
<%afeng.movenext
วง
endif
Afeng.close
setafeng = ไม่มีอะไร
conn.close
setConn = ไม่มีอะไร%>
</เลือก>
</div>
<divid = "subclass" style = "float: left"> <selectName = "select2">
<optiveValue = "0"> เลือกการจำแนกประเภทรอง </portion>