|
|
请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！
您需要 登录 才可以下载或查看，没有账号？注册
x
% d; {. J. ~3 @! a# `! n: o4 T
* ]- r& }* j/ E5 ] v7 ~# J$ ?5 g
[mw_shl_code=html,true]
; ~" S# n) q/ k% H0 m+ |
% c9 b' c- M6 w2 X3 [4 {<!DOCTYPE html>
: ^) I* x$ {; {2 o' P+ Q& [<html>
+ d& A2 T- C- K; j. x( R- V7 {; ?1 a3 n<header>
. h# l3 ~( I8 R( d2 K5 \0 p <style>
; P( d+ o, R4 g0 o table,& B8 T1 I# L" v
tr,. }) N; O+ U: p3 {2 v0 ~. }
th,; A' W6 t. b7 E% U* l k
td {9 }% L- P+ o) V1 C6 v
border: 2px solid rgb(20, 59, 230);
) B5 m9 e9 a# W* X border-collapse: collapse;
) q* r. Q0 x( d5 A0 @6 R8 v text-align: center;
! g- S2 Y: x9 {. z& y }
( ~* y% ~8 p' p S( ^; L9 T) e" ^4 w0 I, b5 v; ^6 \+ R* q7 l
th,
6 v" l$ Z5 {' [6 C' ^; r# [ td {
6 M c+ h' Q% p. Q padding: 5px;# i( ]0 _; Q+ c a/ v& ~. b
}; f& ]+ x- N8 I2 `
</style>
" K3 U* p, a1 u</header>4 k* w3 C0 q( E! C+ P2 j$ k
( I3 y- l+ }1 h+ m8 U& S7 U<body>' g: C: z3 m8 G# W, q; r
<h1>xml http request object</h1>2 J6 q m4 c; u7 x( r4 L, p5 X
<button type="button">Display Music</button>
1 a9 |$ o+ P! j1 J! L9 p5 `. i; h& p <button type="button">Previous</button># ~- L! [ r5 X
<button type="button">Next</button>, g8 u8 w" W- }; E2 ~3 W( V* N
<button type="button">get my music list</button>' a+ [+ b6 a! o- {
<table id="showMUSIC"></table>2 t/ g- D7 |9 r, M3 r5 u
<table id="demo"></table>
) m- B- d1 a$ t# M; @ <script>0 C3 {1 U7 _7 T6 @1 E! w. ?3 }( R
% [& F" s" F5 b* z
var x, xmlhttp, xmlDoc;
% b0 k. P9 p4 ?! @4 R+ b# K 1 z% z9 g, W6 @; q. b$ {# H. `: g: Q
xmlhttp = new XMLHttpRequest();
/ v5 i0 ], O+ `$ ~( G) ? xmlhttp.open("GET", "/files/music_list.xml", false);
0 i; b0 W' W* J: p; Z6 ~( {# ?& e xmlhttp.send();
; E7 F/ w4 A; {# q3 O& l; g, \" O
v% L2 }+ w9 ~4 k" @1 j0 z xmlDoc = xmlhttp.responseXML;
( [8 V4 t* i( {; g' s! E$ ~ c- q var table = "<tr> <th>Owner</th> <th>User</th></tr>"
% i5 f+ E/ J! j( s, K var content = document.getElementById('demo');3 U1 a: r- x8 D! T/ S% w, W% e
var x = xmlDoc.getElementsByTagName('TRACK');) Z3 c. p+ K* u) I3 u
for (i = 0; i <x.length; i++) { + s' k& W/ c- U. H. y4 x
table += "<tr onclick='displayMUSIC(" + i + ")'><td>";: G |/ F; c' g7 }6 U8 ]( P9 G
table += x.getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue;
( K) U4 u3 t% T) O+ N table += "</td><td>";
7 P( Z/ Y5 Z# {$ @' ] table += x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue;
' }" B3 i4 v2 s% N8 Z table += "</td></tr>";+ i+ A( e1 |& g1 T8 c7 `' }9 r
}
, l; K0 w& H7 }$ \5 k) a) c7 i$ p2 `: @/ \* s8 A/ @+ C6 n
document.getElementById("demo").innerHTML = table;
8 V v" m j: y% n* @var i = 0;# H- j( O# G3 X9 G- @5 A5 i
function next() {
e8 A% h4 d, \7 a. N I U& O // 显示下一首歌曲，除非已到达最后一首
- W* e$ l( Y, ?7 n if (i < x.length - 1) {
2 l# g8 x' A, m+ K; s1 M: t- k i++;3 J1 k9 U5 n! S. h5 C' J/ x
displayMUSIC(i);
4 ~ w8 I2 v' G& ^3 e. b }! u. M6 N# w. Q0 h% C; Z
}
9 g6 {2 R3 y0 u6 C3 [4 E* [9 r2 K; C
function previous() {
$ t( c# o; n7 u% ~/ Q! z7 c // 显示上一首歌曲，除非已到达第一首" ~. i" q) m4 P; O8 c; F5 j# _
if (i > 0) {3 q/ v( z9 }+ B( i) P& l
i--;
; M% D8 R- F! L/ ~. a1 D0 W( S9 F displayMUSIC(i);5 p5 ]" M2 X: `: @+ N
}6 ?# T0 i: ~$ L6 e
}9 i6 c/ E8 R I' J5 V
& w1 K2 X. o/ `" V7 h
function displayMUSIC(i) {
4 ]% g% |5 V: L+ U document.getElementById("showMUSIC").innerHTML =* P1 V) j5 V2 K" q2 _# ^
"<ul>" +0 ^! G% {0 B* A
"<li>曲目：" +
( T" ]' i+ Q3 q6 q- z8 m3 z x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue + "</li>" +5 v+ U2 c; T* r: `9 D2 C
"<li>艺术家：" +
, }: ~5 N' {5 R x.getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue + "</li>" +
7 J5 j- u) T: e, g+ T$ z B "<li>专辑：" +$ ^0 m) _6 Y/ w% p6 k
x.getElementsByTagName("ALBUM")[0].childNodes[0].nodeValue + "</li>" +
; g- |% Z7 z: B! |$ L, u "<li>国家：" +
( \: W- @% x+ h$ _- | x.getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue + "</li>" +- |8 E$ }& ?0 Y* X" l
"<li>公司：" +1 [( X% S, T1 b& ^) U' a5 W+ X
x.getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue + "</li>" +
" f! G, \$ z1 S; {7 m0 e' v3 | "<li>年份：" +
) }) A. ?( P9 {; F' r: X x.getElementsByTagName("YEAR")[0].childNodes[0].nodeValue + "</li>" +
, G8 Q; f$ B$ V# ^ "</ul>";. c, |8 U y' q$ c L( a
}4 q7 `6 _+ l! `/ B
4 r. y3 J$ a3 k8 M. j; { f) A2 m function loadDoc() {
( g3 F6 J1 h' \" F* A0 J( V" v" V6 f) D6 l
document.getElementById("demo").innerHTML = table;
8 D3 |) O' |9 s }
# G% k P; _% M$ h
3 h( L& L* w+ I. i- I2 L) b/ H </script>0 \3 O# A( w$ ^6 c, |% }5 O/ I- b# b
( D9 J1 K r' ~8 q S* ~8 U8 b; T; _
</body>6 P7 |- E; L5 Y$ C% z9 e: [: \
+ c1 p9 F0 A8 O2 q: y0 Z
</html>' \, E1 t4 E; D
! u* U" P9 |/ q0 h+ ~
- U$ E& f8 Z0 [9 ~
[/mw_shl_code]2 d. H+ [. \( {7 N
9 |- i. [6 @# S! |) i
% r$ ^8 w2 e6 W" M
! L* Z4 R0 G& E. R6 c1 Y/ M. GXML文件
9 E4 O' \0 {% E1 y& H
) F: k# Y7 Q& T+ F, Y( F+ ^* k[mw_shl_code=xml,true]<?xml version="1.0" encoding="utf-8"?>
s( J0 t5 O: W; |8 V7 t<CATALOG>
; s- C& L; S Z7 I, g<TRACK>4 g0 B3 k, Y! v" Z5 ]
<TITLE>再见</TITLE>8 i9 K0 [" S3 K' d! T7 c
<ARTIST>邓紫棋</ARTIST>
+ z! I. A" a% P<ALBUM>新的心跳</ALBUM>
4 i" S" w$ F/ b) O$ m<COUNTRY>中国</COUNTRY>6 `* h ~( e) T% G, W! p3 ]5 c% B2 d
<COMPANY>邓紫棋工作室</COMPANY>! {. A9 v& t( a% g, \8 t0 L# c
<YEAR>2016</YEAR>
0 b6 @/ ]# o- \" m, z1 P0 U</TRACK>3 W; ^9 I, f5 c# M F# i
2 g& J9 w- p2 i+ ?# @
<TRACK>; H0 p9 J, o/ q1 ~7 }$ E
<TITLE>All I Ask</TITLE>
. b: b' Z5 ^$ B) Q2 \/ b<ARTIST>Adele</ARTIST>2 o" S- m9 u: M0 O* ]; Y& `/ Y
<ALBUM>25</ALBUM>2 q* O8 Y3 h; ?9 ?6 O) Y: r0 K4 t
<COUNTRY>英国</COUNTRY>5 A* y- r* C( ^0 _ _
<COMPANY>XL Recordings</COMPANY>
: a2 H7 ^, Y7 b# Y<YEAR>2015</YEAR>% Y8 G8 e; P7 d' X, g, b g* q
</TRACK>
8 |( U7 z. n- h9 t) |) Y) G/ t9 |
X/ s G( H; W1 W2 G' H<TRACK>
' B: q/ j% P3 W! P7 L* G& R<TITLE>之乎者也</TITLE>
0 [, h% ]& C* \/ B, C( V/ j" \<ARTIST>罗大佑</ARTIST>1 e9 l J7 X; F& x
<ALBUM>青春舞曲</ALBUM>
! } [4 x& U" U1 u0 y<COUNTRY>中国</COUNTRY>
: C5 k2 \& Q3 V6 }7 W<COMPANY>滚石唱片</COMPANY>
( m8 R; F) b: a- n. B3 }- Z<YEAR>1982</YEAR>
# C- k& ?9 B- }7 w% k$ l4 ~5 T1 T6 n</TRACK>" m" r0 E/ e- Y4 j0 {3 I
$ y) J* a" X( U
<TRACK>
T1 A" F+ f L4 O0 x& N<TITLE>Never Be Alone</TITLE>
) l' m* j) R$ a5 v) A- A: q<ARTIST>Shawn Mendes</ARTIST>5 p7 p [' X- H4 d
<ALBUM>Handwritten</ALBUM># e. s9 u% U7 b
<COUNTRY>加拿大</COUNTRY>" [5 H6 b8 N( h7 H3 }4 U1 g4 ~
<COMPANY>环球唱片</COMPANY>; ^- k' r$ E! y; v, N
<YEAR>2015</YEAR>& k" p# Y) }$ W% e q- a5 g# |
</TRACK>7 u6 |9 G# i X! \, |) [3 E
" ~9 B7 F. }8 \& {, M) x1 u0 m<TRACK>
* h N. z. @$ z; J9 A/ e4 Y<TITLE>慢慢</TITLE>7 R$ t3 U2 s+ W+ t
<ARTIST>张学友</ARTIST>
% J8 l9 V3 d) S% q0 V) k<ALBUM>忘记你我做不到</ALBUM>
" f0 F& L# [. L) F2 P4 q<COUNTRY>中国</COUNTRY>1 ]+ }1 O. c. l5 ]% C5 z
<COMPANY>环球唱片</COMPANY>6 m- S+ H! `( h1 B6 x
<YEAR>1996</YEAR>
1 b, E& b* y, a1 H( z</TRACK>: u+ M {7 k6 N# C0 b$ V' @( O
" t2 D3 f: w9 t7 e6 a& N8 a/ W$ L: O<TRACK>
. W q+ j. I7 p& p( y$ u5 F<TITLE>Complicated</TITLE>
0 a |8 o$ i; o! p9 Y F( E9 z" G<ARTIST>Avril Lavigne</ARTIST>. z5 \, Z3 C4 ]- S2 ~
<ALBUM>Let Go</ALBUM>, ?2 t2 D, F$ s8 L
<COUNTRY>加拿大</COUNTRY>
3 x, k. z+ |% D) _8 i8 K _( [" L6 O( ?<COMPANY>索尼音乐</COMPANY>! O- l/ z: S+ n
<YEAR>2002</YEAR>
; M5 \2 D; J, K/ m3 d. z0 u</TRACK>
; m& K$ u8 V( H; a! V ~& E" s6 b% w" I
<TRACK>
) j3 Y/ y+ e( z" G<TITLE>三生三世</TITLE>" \; L1 @% v% @9 v2 C2 V Z. W! `
<ARTIST>张杰</ARTIST>5 K0 C q3 |# j# z2 ]. ]& f1 D
<ALBUM>三生三世十里桃花</ALBUM># ^7 s% j" W! X# A9 y* J
<COUNTRY>中国</COUNTRY>- k% a# `6 v/ p) x/ x
<COMPANY>仁溪音乐</COMPANY>
% C- y# t. C5 J$ L& y4 Z<YEAR>2018</YEAR>
5 ~' s8 g" m! @+ u</TRACK>
. R- F6 _& m1 a, W' _/ ?& f! n
5 f% C3 Y( `) t Z<TRACK> Z- {1 x8 u/ [. l
<TITLE>Five Hundred Miles</TITLE>3 v1 k3 A, o4 k4 R n5 j' u6 _0 U
<ARTIST>Justin Timberlake</ARTIST>( x' [: F p: }
<ALBUM>Inside Llewyn Davis</ALBUM>
) h1 Y" b. U6 R( H( J$ {<COUNTRY>美国</COUNTRY>
7 e$ i, x. h8 e# d<COMPANY>华纳唱片</COMPANY>
# C' n8 P& a2 O1 q<YEAR>2013</YEAR>
/ n7 B; W: _/ Y5 ~1 s5 ^/ U</TRACK>
5 ]; |2 J" J2 U' ]# p: e' K2 a5 R! I! r
<TRACK>
X4 ^6 ~* s& Q7 M& K<TITLE>演员</TITLE>5 M3 a% ^/ _) V8 m8 D$ [
<ARTIST>薛之谦</ARTIST>
6 ~' L1 |0 A P8 I0 ?/ C" s. Q. t2 W<ALBUM>绅士</ALBUM># _9 L f- V% v: X$ ?
<COUNTRY>中国</COUNTRY>
7 y( v( z4 o9 z: R7 n8 }# @# z1 o<COMPANY>海蝶音乐</COMPANY>
( U" k3 a! j, ` o$ G# ^<YEAR>2016</YEAR>
6 c9 C! M/ D( |1 N9 P</TRACK>0 K- |/ G! A, t. k' D
! i4 B! S8 }' I+ J" s<TRACK>
% V# I# K% O1 J v3 @0 S<TITLE>Numb</TITLE>
/ I4 L! C! |6 t! D- y<ARTIST>Linkin Park</ARTIST>
: \& _; r- n/ V# J# r<ALBUM>Meteora</ALBUM>; P: }) e2 L2 i: q+ _ M
<COUNTRY>美国</COUNTRY># d$ N; ?- b9 O
<COMPANY>华纳唱片</COMPANY>* b7 O% a h. _7 U% y4 Y9 a" b
<YEAR>2003</YEAR>3 X( _" t9 _' a4 ^! S( L5 f" J
</TRACK>( g& y& j0 Y9 m% G7 h6 h$ O
V" v9 N9 C2 [( E3 ^. _<TRACK>; {4 v# [' k& B+ A) {5 |8 e
<TITLE>给未来的自己</TITLE>
1 \$ S$ E8 w. I! q* [. y<ARTIST>梁静茹</ARTIST>
8 I4 V/ ?2 F& B! U<ALBUM>崇拜</ALBUM>
% a0 l9 t3 H9 x<COUNTRY>马来西亚</COUNTRY>
; G9 B0 x- T* [7 r! E& f0 X A* A& m<COMPANY>相信音乐</COMPANY>; M! ]$ }! q6 E4 r. A2 g( j
<YEAR>2007</YEAR>
4 O S# Q9 |* P% g7 |</TRACK>( z. M8 p% I8 v: n. G9 C* \) E
7 A7 s! ~' ~. q/ E2 L<TRACK>) D% C1 j( l& E8 d5 @# J) V) I
<TITLE>The Monster</TITLE>" B0 @0 X, ?6 M$ ^* v# `
<ARTIST>Rihanna</ARTIST>2 F ^0 N* X8 i9 z1 [
<ALBUM>The Marshall Mathers LP2</ALBUM>/ v) I5 w3 F% g# J. J3 g7 g2 t
<COUNTRY>巴巴多斯</COUNTRY>
: b" l2 v# u U& K7 X4 b<COMPANY>环球唱片</COMPANY>
6 t/ p$ T( m# U( q<YEAR>2013</YEAR>
1 e& M# N1 P) t' V- u</TRACK>
5 M1 J: h, @+ X: i) D y
. J9 L( U* [' Y2 @3 T1 r! a<TRACK>
' [$ C6 W% ~% P& o: I4 ]2 k7 \' Z! r: E<TITLE>我终于失去了你</TITLE>- Q2 p+ M6 d8 C7 ]8 B5 d! ]
<ARTIST>赵传</ARTIST>, h* j! t; f! B
<ALBUM>我终于失去了你</ALBUM>& N% c! y/ H8 z9 m. }$ _4 I
<COUNTRY>中国</COUNTRY>0 W) F0 c. J7 z8 a' [- k6 t
<COMPANY>滚石唱片</COMPANY>6 K6 a/ L2 B& n
<YEAR>1989</YEAR>6 ]+ e! z; s2 F, s" F/ V0 F6 E; D" X
</TRACK>
: C5 _) h* k0 w0 Z- K4 ~- v) F
/ v; p+ |! N. \; h, c1 E<TRACK>$ f4 | I9 K9 L: L$ L3 i& y
<TITLE>Main Titles</TITLE>( v& l5 ~& T! M% J7 G8 K A. l
<ARTIST>Ramin Djawadi</ARTIST>+ M" x6 |: T: {7 C
<ALBUM>Game of Thrones</ALBUM>
3 b1 ~9 d1 i6 w6 V<COUNTRY>德国</COUNTRY>
( C, e& i B: z( Z, O<COMPANY>索尼音乐</COMPANY>* b! _9 T+ M$ l0 O9 W! G0 [
<YEAR>2011</YEAR>
# s5 {9 I' M8 \</TRACK>
! t9 e1 Z6 J1 j- u3 j( a" l+ N
2 s3 W$ g& v3 E3 O<TRACK>- A; P% S( U! p
<TITLE>传奇</TITLE>3 C1 ~' q5 u; P7 b( l2 p& M7 C
<ARTIST>李健</ARTIST>
7 W7 n3 v1 D) M$ ?& P, O<ALBUM>似水流年</ALBUM>
8 m4 u4 P0 F8 \# U) Z9 D6 t6 o8 E<COUNTRY>中国</COUNTRY>
, r, u9 N% j2 w) j. O" j* X<COMPANY>北京完美坚持文化艺术工作室</COMPANY>
+ ?' q9 d2 o. J3 w# B, @<YEAR>2003</YEAR>
1 q! |, [0 `! m# U</TRACK>
, L6 D8 N+ R& J8 v1 r6 `( W- m; x: k9 h* M5 L; Y
<TRACK>7 k' B) L: a9 Q# `
<TITLE>完美生活</TITLE> R( V5 _! O1 S
<ARTIST>许巍</ARTIST>
$ Y' z I- C# I- C/ A% e# _<ALBUM>时光漫步</ALBUM>5 v1 [& }1 D. z* j- C
<COUNTRY>中国</COUNTRY> I g: `; b: |; [$ u
<COMPANY>金牌大风</COMPANY>
. b4 [7 S. ]0 J. [' Z/ a! H; ]- A<YEAR>2002</YEAR>- s2 h, i# A! P! |% z0 o6 a
</TRACK>' [: q- h' d* n6 u
</CATALOG>[/mw_shl_code]
1 `& U9 J' z: t |
|
|小黑屋|手机版|PLM之家-专注工业软件生态建设，大模型CAD创新生态
