|
|
请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！
您需要 登录 才可以下载或查看，没有账号？注册
x
j: ~, _- g4 y% M
8 V- p* ?4 [. c; K. d
( J h6 D+ ?( V7 |% o( |: ~[mw_shl_code=html,true]2 |/ f1 Z3 b; U, _% E- h9 S0 a# h H
, O5 O/ m* g# @<!DOCTYPE html>
$ H8 \3 Z! L4 d- W; e( ]+ J<html>$ G, @0 s' s6 s' `) f- c
<header>5 o: |8 f( x& v: a+ K
<style>9 j7 H; G! p9 f, T4 z5 B
table,0 y" ?; V4 Q/ w ?+ o; E3 j
tr,
1 R8 o; s7 x0 ]# o& h th,, W* I: E' j! M" }: h( y7 h
td {. B' T3 k9 S- o6 I6 b( F2 }* g8 W
border: 2px solid rgb(20, 59, 230);+ H3 w M8 I I
border-collapse: collapse;0 [' `7 W8 w9 X1 I1 N& F9 x
text-align: center;
7 z- r8 h+ [& ?$ G; A }: ]! r) E# s; ?8 x
8 l* O4 i7 H+ ?4 D$ D
th,& o1 U6 Q8 @) Q5 y4 x8 g9 V( u% }
td {
5 l: n7 I# m+ _9 d5 l# q1 {3 c padding: 5px;3 r! }# [3 o) P$ L$ n
}& ]9 C8 `5 K: @; |
</style>
7 v4 R( k+ G6 x- D" c# H9 r& v</header>* b: c; c. t8 u# \ a) ~# O, f
' P' X+ m, T7 a M" Q; X; l
<body>$ v7 P6 {5 m' b- c
<h1>xml http request object</h1>
# |* |, f3 ?$ N; w0 _8 u) g0 ^ <button type="button">Display Music</button>' C3 t9 F9 O. {
<button type="button">Previous</button>
% j2 a& s0 q+ l, W6 t, z <button type="button">Next</button>
) N: p0 Z) W) R( f7 d+ v: l <button type="button">get my music list</button>! e$ ]% b: {" C7 k" D5 d
<table id="showMUSIC"></table>
; {& u {; z# @& n <table id="demo"></table>7 @9 i. s- O& Q& ], [
<script>
/ t% a' O: x9 n7 p& F4 X% n3 Z1 ?: o
% i! K1 o7 V4 H var x, xmlhttp, xmlDoc;
$ U. ?% ?* D1 m( o* ` 8 z: f+ w, y$ |6 R
xmlhttp = new XMLHttpRequest(); E$ R5 y0 e1 x* h2 S
xmlhttp.open("GET", "/files/music_list.xml", false);. Y7 J' N' o- M8 W9 Z7 Z' `
xmlhttp.send();
$ C, v2 z$ C, `3 j" w% V* M9 F& I* q1 P7 B6 V
xmlDoc = xmlhttp.responseXML; # e# L! T$ D- o* M2 Q) m- N
var table = "<tr> <th>Owner</th> <th>User</th></tr>"- O8 W3 e5 p0 t- R1 j5 B3 Z8 ]
var content = document.getElementById('demo');* C+ A1 ?- l. D
var x = xmlDoc.getElementsByTagName('TRACK');7 t. R+ f7 l7 M3 H; {
for (i = 0; i <x.length; i++) {
. S# o W- q* s- r% C( b table += "<tr onclick='displayMUSIC(" + i + ")'><td>";
y# k4 ~3 n: l' {% ? table += x.getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue;
+ _% b0 ]/ C' a \ table += "</td><td>";
% Y0 R, ^: @( p# I" Z table += x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue;
4 E' r* _7 j$ |% k8 P table += "</td></tr>";
* ^ A% B6 {# ^7 F4 f* `0 }}
( G7 s& V! e# @2 X
3 G- Z; O r) Q; }6 Vdocument.getElementById("demo").innerHTML = table;( R B9 K: g" B% h7 H; J
var i = 0;
0 O) e5 t \! Z. x( h3 F' O5 F function next() {
8 P4 x$ M+ u7 e9 n C0 U // 显示下一首歌曲，除非已到达最后一首- P( C& V+ Y8 o+ A
if (i < x.length - 1) {
$ w3 O" ]) i9 u( |1 v1 C i++;
! e* G; l6 s: J0 Y( p displayMUSIC(i);
6 W4 S6 w3 m7 |( Y) E, y! R6 ` }9 D7 w" _, k! z7 F
}
$ j; J6 D* T" _ R p( v0 {/ q1 T5 A
9 Y" P+ o. v; f$ v6 S2 u \ function previous() {4 U: W" K: f4 h& r& t8 n* Z
// 显示上一首歌曲，除非已到达第一首
( `& o9 Y: G+ @: r* c8 H- k if (i > 0) {6 l4 z1 O3 `6 }, [6 L5 S
i--;
* X3 |1 V; X, {6 P7 B M* p) L displayMUSIC(i);
* b) z4 m/ L" u }
) J7 b8 c. l3 x6 P1 _ }8 n. E: X6 y4 k; T. u; n$ c7 b
, |! {( j' D' v
function displayMUSIC(i) {# {' Q! ]5 |$ b" S8 t! h
document.getElementById("showMUSIC").innerHTML =
1 B* Z2 f g5 @# P9 T "<ul>" +6 e+ ^/ p: V/ M& B
"<li>曲目：" +
2 _4 R9 N& U v x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue + "</li>" +4 X# S, W1 r* x Q
"<li>艺术家：" +
& r/ F( t$ A3 g1 A' g3 K1 ` x.getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue + "</li>" +$ B3 [3 a& f4 t5 E" y# ^1 b& a3 k) A
"<li>专辑：" +5 }" H* N+ S! }. a2 Z
x.getElementsByTagName("ALBUM")[0].childNodes[0].nodeValue + "</li>" +
1 l, f% A H( k# a; @* D2 `7 ^0 E9 s& L "<li>国家：" +
2 k4 \! C$ G& } u! e r* L7 ~/ m x.getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue + "</li>" +
4 C3 D ]8 J3 A1 ^& h4 c& {; d: z7 a "<li>公司：" +
& n9 f# k% P4 G* @& p. n x.getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue + "</li>" +, H0 q/ h6 [& J2 M- d x4 S
"<li>年份：" +
7 Q( {) j7 _- x* u0 r: l& D$ p3 y x.getElementsByTagName("YEAR")[0].childNodes[0].nodeValue + "</li>" +
* v8 l6 r% j! E% t9 m: W "</ul>";
- w0 T2 _) I$ e' A, q: ?$ v) K }, K: ^; @1 s/ n; `$ u, G
# r' y. |/ g( q% d9 |9 g5 G7 O, }
function loadDoc() {8 j) H# K3 s' I7 j
! e; y" I" A& ^7 l document.getElementById("demo").innerHTML = table;
9 b8 W2 m' H1 ?7 N2 W7 V7 b1 W4 ^ }
3 Y/ p1 y6 ^% {/ M* ~; T8 E' u# e) V0 q1 C4 O# \
</script>
3 _; w# D) ~! ^. Q8 f* }( i' G/ O; ]+ k# d7 Z
% T: @0 m5 Q/ z$ X* |* @: h' z</body>
/ f# G; |' R& `! c& o( ^ @+ l7 C5 E; i" \$ ~% m) Z
</html>
$ G5 f1 r8 A" h2 H( t. t! V# F6 g9 Y, r2 r" v% V- q5 |! m
0 H* E9 y* J& J
[/mw_shl_code]; Y- t6 F" [- |
9 Q: v1 }" K6 m4 o9 d( E" k
: z: D5 W7 `$ e. p& [6 H6 i1 G6 a0 Q9 S5 f# I
XML文件' [& @3 F+ S+ j1 U) z
: y* o- z' |* b9 [7 w) \0 E; x0 ?
[mw_shl_code=xml,true]<?xml version="1.0" encoding="utf-8"?>/ [8 ~' s' D# e: X4 g1 c
<CATALOG>6 ~3 v j. G2 C: @
<TRACK>
. d) F% w. d+ o& ~3 W<TITLE>再见</TITLE>
: u& X6 N/ }/ I( B* z' o& w3 W<ARTIST>邓紫棋</ARTIST>
, x9 J. m$ s j3 }) d6 z<ALBUM>新的心跳</ALBUM>$ w( k3 V& ^* F
<COUNTRY>中国</COUNTRY>
; L+ M/ B8 w* `2 L1 w<COMPANY>邓紫棋工作室</COMPANY>
1 D- r0 ]' W C' Z<YEAR>2016</YEAR>
: _ e" n: H8 [& U0 o</TRACK>
3 i& d! }: @6 d1 U. ^- O5 f+ N* x. N: T+ d+ p! Z
<TRACK>: }& P# l! q% K6 ~+ |! C8 x
<TITLE>All I Ask</TITLE>
K. {5 q8 K8 n, ^<ARTIST>Adele</ARTIST>
1 F; n$ ^" d% m' E2 Z& z2 p<ALBUM>25</ALBUM> H) A* ]7 U, {9 T. X; j4 |
<COUNTRY>英国</COUNTRY>
! L v% p' R& Y; h5 L8 _; A<COMPANY>XL Recordings</COMPANY>* h# @2 J' o4 L+ W# [' ?6 X& a' I" I
<YEAR>2015</YEAR>
6 n! ]+ }& E1 {0 U4 c) Y</TRACK>8 ~, h/ [8 u }& P4 p
2 q. z9 Y W9 ?) [2 M5 H* L
<TRACK>
" p j5 W9 G2 q3 G! e0 ^<TITLE>之乎者也</TITLE>
+ G% P# z. q& ]& i, r6 o( e<ARTIST>罗大佑</ARTIST>
& R$ B' J( h3 [0 v; F<ALBUM>青春舞曲</ALBUM>
- Z! n8 x3 X0 B: A0 X* S<COUNTRY>中国</COUNTRY>
# F& a8 n6 n% b+ C7 b8 n* ?- M; h% r<COMPANY>滚石唱片</COMPANY>4 N: [+ k4 p3 Q& ^& `) ~
<YEAR>1982</YEAR>
5 t% D4 X! Y1 r, J# U- [- r6 W8 y5 r</TRACK>, W9 S9 n, Y, G4 g$ m8 ` P/ }
: e1 q4 x; a8 K# i2 H2 C
<TRACK>
+ P: Y% \; Q1 m# ~9 h<TITLE>Never Be Alone</TITLE>' |. q4 ~6 P% W0 i
<ARTIST>Shawn Mendes</ARTIST>" Y$ z' ], m7 a! k% F
<ALBUM>Handwritten</ALBUM>& ]4 f" |1 S9 T; V
<COUNTRY>加拿大</COUNTRY>
+ b" D7 l# R1 e C' F/ p8 M! x<COMPANY>环球唱片</COMPANY>
! n1 r8 o$ M: T4 }) }+ P<YEAR>2015</YEAR>$ o: P# _, T/ A$ E) q7 s, h
</TRACK>( c$ C! s' R8 P$ t4 w( d
3 U/ a2 ^$ o5 t9 x
<TRACK>' C/ F% H( ^- i$ B/ }6 }
<TITLE>慢慢</TITLE>
$ L5 O+ I/ Z) w6 k' {- c( L* c<ARTIST>张学友</ARTIST>
' O) ~+ U+ ~; h: j V6 }1 `<ALBUM>忘记你我做不到</ALBUM>$ J4 e- @/ M2 ^7 E
<COUNTRY>中国</COUNTRY>
" J2 [4 f; E9 H<COMPANY>环球唱片</COMPANY>
5 |7 t( y7 _1 P" |1 A( K) W" V- f- `<YEAR>1996</YEAR>
* h" \7 l/ u2 s* T I- b</TRACK>
( h; _% R* d- W" y; R8 ^$ v! Q+ s( [& ?) ]8 x. ~% O
<TRACK>
/ u1 f% j4 y2 C! X1 W( {& l<TITLE>Complicated</TITLE>5 a# I5 \2 y/ c. B; K. C9 L2 A
<ARTIST>Avril Lavigne</ARTIST>' @( Z0 L4 Q" w% ?3 ]; X
<ALBUM>Let Go</ALBUM>) j' [$ y0 F/ h8 ? J
<COUNTRY>加拿大</COUNTRY>% s5 @( h q) W% G2 M, Z0 M4 u
<COMPANY>索尼音乐</COMPANY>! E: m' x! P9 c& t
<YEAR>2002</YEAR>0 r; F; y! v" K6 l* t
</TRACK>' b7 e. L0 G3 h/ ]9 H# I4 d& o7 @. i
4 C% G& O9 @3 f+ K. [) y" Y<TRACK>
; [( Q1 y- e# E* m<TITLE>三生三世</TITLE>
; j* G6 G5 x- L* k3 x9 ?) i) \. l<ARTIST>张杰</ARTIST>8 Z& F! r6 L9 l
<ALBUM>三生三世十里桃花</ALBUM>; B: w: d d9 Q2 |& @
<COUNTRY>中国</COUNTRY>( O N! c, N9 w# A2 ~" M
<COMPANY>仁溪音乐</COMPANY>
! a; o% w* e8 j6 g- \3 D2 i! D- h<YEAR>2018</YEAR>4 T' s6 z4 t, G* h
</TRACK>
4 }; V) j% Y" a+ g7 C
2 I$ T* m/ k h( ~ L6 @<TRACK>/ W3 [+ a6 Q3 a* e$ W, @/ h
<TITLE>Five Hundred Miles</TITLE>
0 B$ v7 f9 A, k<ARTIST>Justin Timberlake</ARTIST>. l0 m9 s H- T# G6 z" R' C
<ALBUM>Inside Llewyn Davis</ALBUM>7 ?0 j5 U$ y9 N$ R& u9 b
<COUNTRY>美国</COUNTRY>
& m" S; |" i$ d l6 A" T" p) K<COMPANY>华纳唱片</COMPANY>
0 i& T6 U5 i/ @9 n* ?; j& V, {<YEAR>2013</YEAR>* Y: g0 b; G! D' r- ^& o9 K5 G, u
</TRACK>
7 V! [% Z+ M6 h2 F
1 f5 B% H5 ]9 Q8 u<TRACK>
5 T V/ l4 l7 Q, a) }<TITLE>演员</TITLE>
$ k7 P, [* u P% ]' [<ARTIST>薛之谦</ARTIST>
$ A' U9 l( I% h<ALBUM>绅士</ALBUM>
/ P7 j. C8 r) H7 `<COUNTRY>中国</COUNTRY>0 l( z. @% c# j3 [
<COMPANY>海蝶音乐</COMPANY>( B5 D0 t6 ]6 ~& L) X7 V6 w+ K
<YEAR>2016</YEAR>
3 m( W9 G) _% c8 |* R</TRACK>" e9 g( w' [# N6 e
# B/ L2 s9 O" q2 u
<TRACK>" g8 y9 ]- z- W0 e1 p! R& ?
<TITLE>Numb</TITLE># u, m9 n! B. k1 @2 P% J+ p# |4 }
<ARTIST>Linkin Park</ARTIST>
( n% C8 d9 X. k& Z* q<ALBUM>Meteora</ALBUM>
/ T& u' e+ P* E; L3 r<COUNTRY>美国</COUNTRY>
/ L3 J: V: ~( @3 I<COMPANY>华纳唱片</COMPANY>
: P. L/ I- M: I1 z5 p0 X4 F<YEAR>2003</YEAR>/ h" b# y' }$ O6 R0 ]
</TRACK>
! z! T! A7 o" i8 _% C& Q* N+ E4 ]- A3 H
& l/ q, Q9 b* x1 Q1 T+ _<TRACK>( ^2 A T. a& B9 {( b
<TITLE>给未来的自己</TITLE>3 ]: i0 l4 h) Q% ~0 J+ s/ q
<ARTIST>梁静茹</ARTIST>
5 `/ G O' P* _; ]4 y; V<ALBUM>崇拜</ALBUM>
1 e5 ` h& W% X' X2 H4 ]7 \<COUNTRY>马来西亚</COUNTRY>
6 u8 A0 b3 D- _) p `( J' {2 x/ G<COMPANY>相信音乐</COMPANY>& H# e6 s5 W5 e) }& ]9 J. B1 w
<YEAR>2007</YEAR>+ @2 J, D/ r( K C+ w. f
</TRACK>
) ]) i- H& z$ ~6 M1 {. X0 s3 `
5 M; Q) t9 F* I<TRACK>
8 M8 m8 v0 G/ w; ]0 q w<TITLE>The Monster</TITLE>
" [+ f6 X7 Z; V/ d- S2 m<ARTIST>Rihanna</ARTIST>" {: Y8 i$ g* |3 Q
<ALBUM>The Marshall Mathers LP2</ALBUM>
0 j6 |3 X2 A5 G+ D<COUNTRY>巴巴多斯</COUNTRY>3 L t9 d: U5 Q0 y7 Q* B* W
<COMPANY>环球唱片</COMPANY>: a. U9 R, z1 N% w0 r: Z
<YEAR>2013</YEAR>( t& Z' \! `/ S, F2 v3 F5 D
</TRACK>
1 N) r& {# J; f% \' K3 b' a; M) K5 T3 x- a0 A
<TRACK>
. D6 u3 e2 o+ J<TITLE>我终于失去了你</TITLE>
, t, B. E7 P1 E! ^1 S8 M<ARTIST>赵传</ARTIST>
1 ] f1 O9 T0 d5 @9 [# B. F3 K* {<ALBUM>我终于失去了你</ALBUM>7 q# H- r' \5 a4 s: _
<COUNTRY>中国</COUNTRY>0 |. d5 M' U8 [5 w# F
<COMPANY>滚石唱片</COMPANY>
. m5 O9 [ ?6 Q<YEAR>1989</YEAR>* m) x; Y/ A% i6 [: }$ ?8 c
</TRACK>
# ~0 k5 _. a4 D. f) L
( R; k/ r) t5 R( U' i. b" C4 Z& f<TRACK>7 N& Q' _, Z" l
<TITLE>Main Titles</TITLE>7 w* N9 Z* k% T# k
<ARTIST>Ramin Djawadi</ARTIST>
* Q4 V8 f, ]' V) ?: U<ALBUM>Game of Thrones</ALBUM>
1 y: ^3 H" V/ S/ O: t<COUNTRY>德国</COUNTRY>6 q' V) @# H. j: I+ x0 Q
<COMPANY>索尼音乐</COMPANY>; @& }/ r% g D9 W& L5 i
<YEAR>2011</YEAR>: y3 v( m9 B6 I
</TRACK>
6 K/ ]( E- M& h8 L/ u* n1 x6 G$ l( _ x: M) w
<TRACK>
2 N& H) S* H5 T) c( Q<TITLE>传奇</TITLE>: x2 m: T, g: R
<ARTIST>李健</ARTIST>( F* n, P$ s3 ]: [2 C6 o$ R
<ALBUM>似水流年</ALBUM>" }2 L+ K, _: c0 _# r3 B
<COUNTRY>中国</COUNTRY>
3 Z' F# P1 U( X- i& q6 x2 c<COMPANY>北京完美坚持文化艺术工作室</COMPANY>
0 h+ J& l/ y. m% d<YEAR>2003</YEAR>
V2 n8 l F4 H3 }' h</TRACK>
$ |- p' p8 V# W& Z9 Q! a
6 k0 ~9 m( B& m<TRACK>
- s! k/ ?1 a) @+ e2 e<TITLE>完美生活</TITLE>' g8 C n' _% }6 ~0 D- W9 j
<ARTIST>许巍</ARTIST>
$ _/ G& h+ T$ i! S! |& \7 O<ALBUM>时光漫步</ALBUM>! \: H' I7 W! x! P4 p
<COUNTRY>中国</COUNTRY>
; c) g M1 h t- P+ j5 s1 K<COMPANY>金牌大风</COMPANY>
% X ~7 ~& s% P. I3 j. q1 V8 Y<YEAR>2002</YEAR>" B2 ?, M$ U$ z1 O
</TRACK>2 @5 j& B) {" m& e; Q
</CATALOG>[/mw_shl_code]
$ _- j9 U) ?" T! W |
|
|小黑屋|手机版|PLM之家-企业数智化转型工业软件学习平台
