|
|
请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！
您需要 登录 才可以下载或查看，没有账号？注册
x
' X! g3 t: x8 ~7 @
6 d. q; g" `- D$ j' Z: V, l
6 O M) f+ a0 P
[mw_shl_code=html,true]
3 k2 i0 Q1 u$ D2 ~7 B
& a4 Z- G8 N! F# y& r<!DOCTYPE html>2 b. h) M& [2 ~* ]% \1 L# O m c) y
<html>
$ ~% q, X, Z v* y j( H<header>) o2 G4 H" d2 L
<style>
9 c% m* G5 N2 Y! I# U/ C table,
2 u! r7 f6 z5 c; _, w+ R7 T) V tr,
/ M6 r$ I- P8 R6 Z2 }" t th,5 X) j' H0 w, C& I" ?7 Q
td {
0 X" H$ y @; c border: 2px solid rgb(20, 59, 230);
' @ t5 q. S1 K border-collapse: collapse;. u- n" C+ e8 O4 P7 B
text-align: center;
& t0 c4 ?3 W% k \5 r. L6 v }
. L8 @1 q; g" r4 g- N
l7 _2 |9 Z/ X) L: u L+ B6 Q th,
5 U; C$ [. M) R$ v* w- `5 K* w td {
* |$ d( w3 U# L+ R padding: 5px;6 ^* Z) ?$ M& ?6 u' F0 T, ?- C9 i
}7 I) ]! i a+ X b
</style>: n; D% b4 I$ j4 @# U# n6 r( T% W
</header>" E6 u+ r Z2 h- O% N
% w1 Z: o3 G) r<body>
; K+ b1 g f( m* e- c. h6 B4 M" a <h1>xml http request object</h1>6 A' S4 W& k' |- `' G# c. E$ k
<button type="button">Display Music</button>
+ e2 I* s+ V4 }7 i <button type="button">Previous</button>( L0 l( s8 ]0 |4 k* Z7 ^) W
<button type="button">Next</button>+ Q5 k' }: W, @+ B# ?/ _/ j
<button type="button">get my music list</button>0 P$ D; p/ T6 `8 q" \. d
<table id="showMUSIC"></table>
8 \9 D7 Z7 h, }/ V, N <table id="demo"></table>
" D8 t/ u! {, ?6 C; @, E* f <script>0 V3 @7 [, i0 r! b8 \
% I4 M4 j( S5 w Z. Q4 {6 K
var x, xmlhttp, xmlDoc;
8 @& K' a; P# j8 r! h! u" q1 n3 c S
! c. L& \7 V/ { J: k xmlhttp = new XMLHttpRequest();; E; P2 d( T8 y. G! o
xmlhttp.open("GET", "/files/music_list.xml", false);
; z( V8 N% h: Q! U* g$ e% y, l: J xmlhttp.send();
4 K- m; A0 f! Q3 T3 m* |4 K% n' [
8 }* J! ]/ j0 n( p6 S xmlDoc = xmlhttp.responseXML; / p4 z8 a$ [* H3 E5 U
var table = "<tr> <th>Owner</th> <th>User</th></tr>"
, h, x# X* I7 o$ d3 U- K var content = document.getElementById('demo');
9 B: K5 [( [& ^/ p' @ var x = xmlDoc.getElementsByTagName('TRACK');& @, X: `+ W3 g4 g
for (i = 0; i <x.length; i++) { $ M! }$ j0 n/ j& ]' }
table += "<tr onclick='displayMUSIC(" + i + ")'><td>";
- v8 q! _- w N: U& Y2 u table += x.getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue;
& K/ w% [* Q9 G8 S# y' z+ Y$ I table += "</td><td>";/ A e p& |- x7 [ T
table += x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue;
0 P" D d! d% m* e: i( O table += "</td></tr>";; j* y; F# l6 R. j
}* e. B3 V+ C9 d2 k
- L( f$ L3 v) \9 @2 E% Hdocument.getElementById("demo").innerHTML = table;
5 j& \3 a( G9 X2 a% Gvar i = 0;1 b( @" O& [1 w
function next() {; G, }/ E" V' X/ ~8 N
// 显示下一首歌曲，除非已到达最后一首) U4 t* m' e8 r: F. }6 Y
if (i < x.length - 1) {; X1 P K8 M- H' w/ c
i++;
: D' b- F/ j) l# h' n( e displayMUSIC(i);, ~" u$ q8 o8 B: ~5 M5 @2 P
}
% s: O8 d$ [% X' {, @( A. k }
t1 ^2 m! X8 w! b$ U6 f9 x- i/ k
W: Z' u/ G# e, p/ S) a" \ function previous() {
, M% n9 u6 J9 a! J // 显示上一首歌曲，除非已到达第一首
% t3 |" n* d, g if (i > 0) {0 L3 A: ?/ ~5 H: I
i--;
$ A# Z% Z: V' _: G" n# L displayMUSIC(i);
9 `1 s6 L5 ?5 }+ Z; w3 f- N: J. O }
( W9 H* k1 A. b6 B& a1 Z }& i& ]3 _2 z8 Z. W( m# H, T+ A( d
/ i7 _* y3 E% M _7 _. p function displayMUSIC(i) {
2 e1 c& ^8 p+ x0 @* i' u5 _ document.getElementById("showMUSIC").innerHTML =4 T9 h4 i- |" z( k& M7 U+ p
"<ul>" +
' z) @7 X% z0 b6 z% N: w( o% [ "<li>曲目：" +4 c; m( e3 Y: W7 j. T
x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue + "</li>" +
3 p" i3 x1 K: E7 G$ p "<li>艺术家：" +
" v* c' n* [" j; _3 a x.getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue + "</li>" +. b. |+ T* f- n9 e
"<li>专辑：" +) q+ c4 e Q3 X& \6 V
x.getElementsByTagName("ALBUM")[0].childNodes[0].nodeValue + "</li>" +
. F# O% {0 o$ Q8 w1 U "<li>国家：" +
& {4 g; {6 C2 ? x.getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue + "</li>" +! } Y6 F- z5 H1 A! b' L
"<li>公司：" +
}+ y# ^# T1 e. j1 p x.getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue + "</li>" +
( ?! }* B' V+ A "<li>年份：" +# }! [0 W/ R1 V' x( i3 Y% {
x.getElementsByTagName("YEAR")[0].childNodes[0].nodeValue + "</li>" +
8 O" p# ~2 m9 ]) C$ j "</ul>";! [; x% L! p' @0 Z! P
}
0 G4 I5 [: L, [9 ]
2 h5 L5 w; ]) A: B/ k function loadDoc() {- N2 I- s! v& C* d6 t! g
+ s3 l7 i. Q8 h$ v5 z
document.getElementById("demo").innerHTML = table;
' b! S! A7 M0 X' o4 n }9 e1 t. s4 y# r; d$ i9 @# A
2 I% c3 }5 {2 y# D& J8 s) L2 B
</script>
$ E6 {! B& J t! }7 p0 b( ]- l5 x, |
; g$ m/ @+ ]1 I% u& {9 B) p2 F
</body>
/ h" V# M( q9 b. X J0 ]7 r1 O2 j+ z4 @' u, @. I
</html>
9 O4 w) e7 F7 w6 f- X
7 a$ g3 X9 r( I- ?( B ?5 |3 b
- G2 H! ^% E7 y) K[/mw_shl_code]2 W9 d4 I1 q; G4 C
: l3 w5 Y* e4 k# G! f$ G6 r; J$ |& O3 o
L# z7 ]: M0 P. T, [XML文件) g5 j$ L5 Y8 f/ b! n% e- f( C
: N6 S1 q P7 p! y# a0 `" u[mw_shl_code=xml,true]<?xml version="1.0" encoding="utf-8"?>
: C/ R) v' ~1 ?6 \<CATALOG>) c1 L# G# m8 f8 A
<TRACK>
4 z8 d% U9 |+ j. w<TITLE>再见</TITLE>
c! w( ~+ N6 v% S6 T/ s<ARTIST>邓紫棋</ARTIST>; M4 n' s6 P* i( J1 J
<ALBUM>新的心跳</ALBUM>' _- ^$ d- v4 Z( \) K" |
<COUNTRY>中国</COUNTRY>
& r [" s# I% I1 i" V+ s4 T t<COMPANY>邓紫棋工作室</COMPANY>
) W0 y! t* f7 T( ^* ~% X<YEAR>2016</YEAR>
( y C% L9 R. i$ ^6 t</TRACK>5 g' c, ~& C% h0 ]% R: {+ i+ U
z* D0 P3 x# t- q9 w: I<TRACK>- H9 e9 q6 Y) H0 ^) j
<TITLE>All I Ask</TITLE>
9 t6 Q/ G$ c% a T5 r3 \* U% {<ARTIST>Adele</ARTIST>
0 l1 T6 K" }, b<ALBUM>25</ALBUM>1 i& B$ g% D- X7 h' u
<COUNTRY>英国</COUNTRY>6 S/ z' y3 \7 w5 u. Y3 R
<COMPANY>XL Recordings</COMPANY>
2 u, i. [& [- J" K<YEAR>2015</YEAR>
6 m. a& D2 b: D; e( J: H</TRACK>
' x1 r+ J6 G) D: z* c! B, |+ d% C* e5 j' C, F
<TRACK>1 \5 n+ g7 ]* u9 M3 a
<TITLE>之乎者也</TITLE>
) @! I" F, c, B0 u9 o; K<ARTIST>罗大佑</ARTIST>
; ? g- a8 c0 K/ e* L( b4 z6 L$ j<ALBUM>青春舞曲</ALBUM>, j' x, T9 V( G% r* `
<COUNTRY>中国</COUNTRY>' R+ Z% a# q9 S
<COMPANY>滚石唱片</COMPANY>
8 w* x4 g# ?, m* L: _2 y+ K<YEAR>1982</YEAR>! D; n7 X& L7 g2 G/ q" }
</TRACK>( E n$ X3 _5 f
# G* _2 b: p6 ?! o; e) y<TRACK>0 r9 u; f, } i! s& p$ _
<TITLE>Never Be Alone</TITLE># v$ D# C$ }* d
<ARTIST>Shawn Mendes</ARTIST>
, F% A/ }7 V) e7 d4 l<ALBUM>Handwritten</ALBUM>
! _: O/ e1 e6 y. W- @* c0 {<COUNTRY>加拿大</COUNTRY>
: r+ U; j/ S. q" q6 g: q) ^% l; C<COMPANY>环球唱片</COMPANY>( y& L9 g$ j; @ l! |( F, ~
<YEAR>2015</YEAR>
! l: @: v1 z1 r* _' L3 N1 ` S</TRACK>5 s7 \' C8 z5 @+ a- k; `3 ]
: B! c) Z& y5 ~& k! |) G<TRACK>
/ J) G. D2 @3 e& {, {/ ~<TITLE>慢慢</TITLE>
' j1 b. V' `; i<ARTIST>张学友</ARTIST>
0 R0 s/ a* Q, V9 N<ALBUM>忘记你我做不到</ALBUM>5 P7 a- D& O q$ `! z
<COUNTRY>中国</COUNTRY>& i$ J" |1 ?) u
<COMPANY>环球唱片</COMPANY>
; ?3 |: W: P, d; X" ]$ E) u6 g. C7 d<YEAR>1996</YEAR>
% W3 x2 w0 Z' W- z3 _</TRACK>. W: T- e- C2 W o# `+ `' A$ L
, _, ]5 y K0 d& S. ~<TRACK>
) I+ A3 k. s% ^2 c6 l. M! g3 O<TITLE>Complicated</TITLE>5 M: Y: _) e5 t* K( a# D1 Q
<ARTIST>Avril Lavigne</ARTIST>2 F( E. J1 e2 R! p8 J
<ALBUM>Let Go</ALBUM>
8 l6 N# m ~* S, e<COUNTRY>加拿大</COUNTRY>: p5 b, j( o: F: E7 r
<COMPANY>索尼音乐</COMPANY>2 S$ F5 u0 B) m: k3 K! s b
<YEAR>2002</YEAR>
( K7 w: k! R6 r1 o4 M9 y</TRACK>
3 j: ]) ~ E! p. f4 \: m6 \4 M; e6 z+ w4 t# R+ o7 s
<TRACK>
8 ~3 N! `. t8 y7 X; `! U<TITLE>三生三世</TITLE>
. @- U1 h8 L( i C1 ?( o<ARTIST>张杰</ARTIST>+ W' R" f) B) S6 W6 j4 P5 ~# O
<ALBUM>三生三世十里桃花</ALBUM>
. g- [# e: i3 o6 g3 m<COUNTRY>中国</COUNTRY>
o6 T7 u9 w$ c+ z3 p9 W<COMPANY>仁溪音乐</COMPANY>
( o* K) l% m" J/ y" Y: m3 O<YEAR>2018</YEAR>
" j' J2 u( t& k/ o4 ?</TRACK>. `( M& |; g$ { f' h6 q2 M8 j0 I
& Z5 l- ?& }1 O( p
<TRACK>
. {# u6 D" I3 X" S' D" @: \<TITLE>Five Hundred Miles</TITLE>4 j! |; e, r# u4 b
<ARTIST>Justin Timberlake</ARTIST>- ]3 f& O5 Y, a1 q1 K$ p; H
<ALBUM>Inside Llewyn Davis</ALBUM>
2 U: f. T; z' c- l) Z<COUNTRY>美国</COUNTRY>
" L; D w9 |2 w5 J<COMPANY>华纳唱片</COMPANY>
- f+ h7 c( R( G, D( Y# J" ^: l5 e<YEAR>2013</YEAR>3 g w9 w: Y; i4 X' L
</TRACK>4 ~% b. A0 v* y) n A! {6 f8 q
; @1 x) E# q3 O
<TRACK>
, t) C: A0 C7 H8 Y2 N<TITLE>演员</TITLE>
1 l9 f- k1 d" v. ^1 u<ARTIST>薛之谦</ARTIST>6 m1 m0 G' I% C! l1 X
<ALBUM>绅士</ALBUM>! D* _/ T& o4 i: g% [4 N
<COUNTRY>中国</COUNTRY>, w8 ?: ?7 b. D( O9 O2 d
<COMPANY>海蝶音乐</COMPANY>+ h, y9 T s7 l& u: a: w6 X8 F
<YEAR>2016</YEAR>
1 F, Q$ p$ d: W8 u6 {' n: Q1 q</TRACK>9 `7 v6 l+ v X* C& o
# `8 L+ H0 G7 t& e; q8 g<TRACK>9 ] `5 h' d) I2 _7 L# H) D
<TITLE>Numb</TITLE>0 N8 B/ y; A# j4 ~# _& b
<ARTIST>Linkin Park</ARTIST>
r* u! f; x5 K<ALBUM>Meteora</ALBUM>
- |9 b: G5 `0 b( E0 O1 Z1 X<COUNTRY>美国</COUNTRY>
/ x7 \' h+ R# C& R$ J<COMPANY>华纳唱片</COMPANY>
# w4 u* P- F% B! h M% E( @<YEAR>2003</YEAR>. t( C) f2 m! p/ z# M
</TRACK>
/ O$ S* c& h3 [; C+ O1 D. f' m0 e" J, p4 G- ^1 w
<TRACK>
* K1 i+ r& X# p6 P% O<TITLE>给未来的自己</TITLE>" v' z/ S2 }; d5 ^1 A B
<ARTIST>梁静茹</ARTIST>+ h6 ^7 N3 m; l8 c$ B
<ALBUM>崇拜</ALBUM>0 ^4 O. w" }- I. ~
<COUNTRY>马来西亚</COUNTRY>
% t0 C; L. G5 W% r: @0 M# p<COMPANY>相信音乐</COMPANY>
( d& V }8 H5 M2 [" s$ P<YEAR>2007</YEAR>
+ s' s7 C! |2 I5 Q7 {</TRACK>: _4 v3 C5 W# C( X7 u$ u! O% |) T. f
2 A$ B9 r6 R$ d0 m/ `) P! W6 h' W
<TRACK>
2 u: l& H+ j) i$ o<TITLE>The Monster</TITLE>
9 D, { x4 J. O7 B<ARTIST>Rihanna</ARTIST>6 f- Z7 W2 j3 W3 ~
<ALBUM>The Marshall Mathers LP2</ALBUM>9 x3 u9 v- d. S1 p! N. \# N1 T
<COUNTRY>巴巴多斯</COUNTRY>
; S; D) S" t; M. E/ c G; C<COMPANY>环球唱片</COMPANY>
0 S F! f6 U* n& J/ Z<YEAR>2013</YEAR>
, U/ q4 n$ R1 n1 e</TRACK>7 [$ c# P6 x. u4 ~7 V1 ]; Q6 S$ L5 r8 N
& v e- r; U: R9 O1 U<TRACK>
. u3 Z" M. m/ Z( b6 B+ Z<TITLE>我终于失去了你</TITLE>' ~0 h) S* M. s9 Y3 _* r
<ARTIST>赵传</ARTIST>
2 A1 e% u! `# ~4 d- t- M& J<ALBUM>我终于失去了你</ALBUM>4 G$ K3 G; u3 a5 Z" f$ a# B0 K- d
<COUNTRY>中国</COUNTRY>$ E$ F7 v& ?2 `& U5 v
<COMPANY>滚石唱片</COMPANY>
; e8 J# f) D- P# i" P2 q<YEAR>1989</YEAR>
) D1 y% S9 q7 a, f</TRACK>
2 T5 e9 o/ X2 V) L: M& Q$ W" C7 t* E4 A0 v/ |/ J$ {" Q- k
<TRACK> g! [& ]/ Z G2 j
<TITLE>Main Titles</TITLE>
/ I. Z* S8 Z" T% a! D( b& @" R |<ARTIST>Ramin Djawadi</ARTIST>! v0 K' U0 l. n: @- c% f5 r6 L C
<ALBUM>Game of Thrones</ALBUM>
! v* X H/ C1 Z& a3 I+ \<COUNTRY>德国</COUNTRY>% l1 C! E0 J/ F, J6 u( y
<COMPANY>索尼音乐</COMPANY> h6 I% p! W, Z. V4 o# P8 Z0 _
<YEAR>2011</YEAR>
" l! s/ v' w: U</TRACK>
" I1 I2 H! z( r$ J
5 L8 `6 J! Q3 P/ Y' M<TRACK> P) T" b f2 i
<TITLE>传奇</TITLE>. o6 r. r2 _6 O6 S
<ARTIST>李健</ARTIST>
0 |# `) d( o) a# w! z+ l<ALBUM>似水流年</ALBUM>9 P- t( ?; A& W2 t/ F4 {1 f
<COUNTRY>中国</COUNTRY>
8 N# _8 \' H( s# A. Q i6 A<COMPANY>北京完美坚持文化艺术工作室</COMPANY>
6 k7 b* e$ ~" x, Y! \* B. S<YEAR>2003</YEAR>. D! x$ ~( j" V2 q$ b ]2 P2 `
</TRACK>' n/ l4 V: N0 L# E7 i. n
* A U3 |' C- T O7 b<TRACK>! `% U2 Z7 W9 N
<TITLE>完美生活</TITLE>
3 d. p: r8 t. d W$ i8 ?8 ~* c$ L1 {<ARTIST>许巍</ARTIST>
- ^' _- N6 D% f; Y+ Y/ l/ e. A<ALBUM>时光漫步</ALBUM>% y, X3 w9 _9 h/ [ v7 B
<COUNTRY>中国</COUNTRY>; M6 n, K. q. g! Q
<COMPANY>金牌大风</COMPANY>
6 j7 [5 X' }# ^; q<YEAR>2002</YEAR>
5 O6 S' ?- @/ }. ^</TRACK>
7 @ t2 v3 }7 W5 G$ w% Z</CATALOG>[/mw_shl_code]8 i/ S5 p/ N. N1 k6 S$ P& S" ?
|
|
|小黑屋|手机版|PLM之家-企业数智化转型工业软件学习平台
