|
|
请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！
您需要 登录 才可以下载或查看，没有账号？注册
x
& m/ c r# D% k7 K O
* ]& X; Z4 o X- S+ m! q
T& k) T5 w+ q3 |) \3 V( A6 f[mw_shl_code=html,true]- g* Y( J5 o& O; U5 a6 x
' t0 A' t% Y# {% x4 m<!DOCTYPE html>
( N! E& U. i( p! j8 z0 Y<html>; i* @3 g& t0 u; `" r
<header>
$ l, E8 P5 ~0 A+ q7 c9 q <style>
- `, q9 \: i) X/ c table,
; u! ]0 [$ k0 a, }# X( G/ m tr,
4 t6 ]* k, } C0 I2 a$ f# c* B# T th,
7 |8 A- [ C4 j! j5 f u$ y td { _/ P) i' v3 {
border: 2px solid rgb(20, 59, 230);5 ^5 v8 L" v a( K T
border-collapse: collapse;5 N) L7 O: _9 g
text-align: center;
8 Q* G) ?* d A* f; Z/ N/ M }
$ ]8 ~, {3 Z- k5 s% C, c. \/ ^1 q' | A A
th,; [# Z, O* f A% j D
td {9 r2 W6 _6 O, e; Z
padding: 5px;; Z0 C3 p K2 K3 f- X% r. n; |
}
: O J$ Y) O% W; j" n ^8 \# X </style>/ F8 q4 G' k# y! K- O: l
</header>; y3 R9 `- {' C# w
6 U7 P# Y2 s# A1 l! S<body>
7 u8 ~# q' P7 u( y <h1>xml http request object</h1>
( r* M8 i' v& G+ H <button type="button">Display Music</button>" _3 P! R! L1 d( T* c$ K+ L
<button type="button">Previous</button>" q/ N# w) y, ?
<button type="button">Next</button>
) u6 i5 G9 e0 K4 N1 M6 C <button type="button">get my music list</button>5 H+ i3 C: M, m0 |" L
<table id="showMUSIC"></table>
( ] v5 l' }/ \3 N( t9 ? <table id="demo"></table>
v$ y; b0 `0 ~ <script>) w1 {! z; n* i c2 ^
9 B2 ]$ J+ ~# @ var x, xmlhttp, xmlDoc;+ d9 {( d* W" t, @/ Z7 d
5 n# b$ w! L6 q, n
xmlhttp = new XMLHttpRequest();8 e3 {$ O* S w2 b; N) e; ]4 F
xmlhttp.open("GET", "/files/music_list.xml", false);: o7 T( p3 E Q- G+ q
xmlhttp.send();5 v! H6 D. j* @8 {
+ N4 a6 x. |' U xmlDoc = xmlhttp.responseXML;
, Y3 r7 o; i& f+ ]) j7 m var table = "<tr> <th>Owner</th> <th>User</th></tr>"3 {* Q/ @. R3 z, V, F
var content = document.getElementById('demo');
% p; w+ ^& K5 M" K+ o, Y var x = xmlDoc.getElementsByTagName('TRACK');) w4 Z, |* [+ c' O! M8 M. x
for (i = 0; i <x.length; i++) { 2 _) m# Y c+ e4 p! m
table += "<tr onclick='displayMUSIC(" + i + ")'><td>";
" g" g! w9 e: s1 T table += x.getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue;9 ^( T1 y( ^2 o* D5 {4 x
table += "</td><td>";* C2 W% a" o# ], N
table += x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue;7 h) {6 k j8 x& m6 P/ n4 }5 X
table += "</td></tr>";
) M o2 h5 v4 o1 |; ~1 m3 K- s}; L& J0 r8 O. j
. Y5 m7 f" T' J$ ?document.getElementById("demo").innerHTML = table;% [( D h0 y2 ~4 U
var i = 0;
, r! U1 J1 J" _0 r0 ^ function next() {1 x5 \7 n7 f; U6 X' ^9 b
// 显示下一首歌曲，除非已到达最后一首
8 E5 ]3 B+ G1 X/ j if (i < x.length - 1) {
! O3 H; s- e, b f/ r i++;3 g2 _ T3 s0 o2 b$ H
displayMUSIC(i);' N% ~( ]$ c9 i/ [1 T% [. d7 F
}, {- a y: }- p% C- g
}1 A% u, M- L& a1 ?" _
9 a% k2 d! M8 @7 C# ] function previous() {
) ^. f$ M, `7 X/ T; v6 Y // 显示上一首歌曲，除非已到达第一首
' J5 X1 \/ O- m) R! K% t, v! T if (i > 0) { r. [. O U4 t) D
i--;' W) s+ ]& l/ V0 i
displayMUSIC(i);8 l- _0 q w! i$ i/ k- a
}5 c) m0 C$ v4 @/ B9 x
}
# h; {" `! e; }- @, f: T5 K% ]: v/ y! G# _
function displayMUSIC(i) {
1 x. F9 S* v; h0 Z6 \3 f2 p document.getElementById("showMUSIC").innerHTML =% G* \* E5 r& X6 J4 L5 L8 n
"<ul>" +, g- i2 ?' M! O' I& a
"<li>曲目：" +7 L }6 N* t7 K& }4 q8 j
x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue + "</li>" +
/ V4 ], x& j; f/ K "<li>艺术家：" +
8 o7 N# E1 c2 O, R$ H9 p% H x.getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue + "</li>" +
! T& b* L: @2 j; U "<li>专辑：" +
# v3 D7 M1 O1 s3 w8 U7 a+ w% M9 l! @ x.getElementsByTagName("ALBUM")[0].childNodes[0].nodeValue + "</li>" +: C. O" T. L. B( E6 A/ r+ w
"<li>国家：" ++ y: d) r" b* O' ]6 x4 V+ t( J
x.getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue + "</li>" +! r, Z- \; }3 }6 d( ~
"<li>公司：" +2 [( n5 J5 R; q% W/ J8 ^
x.getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue + "</li>" +, X) T2 \! V# M" a% S0 w! _3 z
"<li>年份：" +
6 Z1 _$ ]6 }& k8 R x.getElementsByTagName("YEAR")[0].childNodes[0].nodeValue + "</li>" +
9 i* s- l* Q. P! v: K+ q1 x: H0 H "</ul>";# ], O1 u, M' Z# ]
}
$ U$ i/ B7 x( u; u+ L' c9 j- q- U9 M) D% y$ s
function loadDoc() {
& a2 q5 H0 b6 M5 y q. m) e
: k0 C+ p# Q+ ?8 ]/ o. O document.getElementById("demo").innerHTML = table;* L) y1 M; S, L/ E9 B
}
0 s( z: B, W% w1 N" h: a/ v7 h4 l5 o# i a) u& @
</script>
a; ~% K8 \- }( Z; ~9 A; D# V3 X! Q y) W. n3 {5 q w8 ^$ g
, W4 M, I" [6 I6 g3 S</body>
0 I8 h% F# f8 G$ W# b& G0 n' t' R# W- j4 ] v
</html>
( y6 N( {7 k, h1 M6 o0 Y; ]5 l3 ^
/ {8 L4 h0 q+ S0 U( W
8 O( t; P1 ?. i[/mw_shl_code]
1 L6 y, K2 }- @8 I1 L- L' u% C9 W1 I& z% X# n
) X- d ~6 P% A
% d K- M* @8 k; [XML文件
* u, i, Y# G; v! @* `0 w
& K( i; B$ J i! X ~[mw_shl_code=xml,true]<?xml version="1.0" encoding="utf-8"?>
4 _% G Z* O B; Y<CATALOG>- J% x/ j! x8 \; R- o8 g0 ]4 X
<TRACK>1 L* d8 N; a7 `5 A
<TITLE>再见</TITLE>5 o9 f$ D3 H, T: K
<ARTIST>邓紫棋</ARTIST>
$ Y6 @' x C. V) Z" a# b0 p<ALBUM>新的心跳</ALBUM>: M7 I1 W- L) K4 b1 R4 L3 G) q
<COUNTRY>中国</COUNTRY>
! z# i* i0 X. z+ w<COMPANY>邓紫棋工作室</COMPANY>' s+ r9 n% Z& ]& {& n8 b
<YEAR>2016</YEAR>3 v( l. D6 k9 |' w t$ `5 N+ r) \
</TRACK>- [1 A4 {8 F! m9 W% h* v. e
6 [1 A# b2 k1 |* o, l* r<TRACK> _' G* B) y$ V3 N
<TITLE>All I Ask</TITLE>
5 C( I. H/ [+ I3 W8 e<ARTIST>Adele</ARTIST>
$ f3 U1 h) a1 m* G. M<ALBUM>25</ALBUM>
; o; S$ `/ z) D" i1 a& L; s, G<COUNTRY>英国</COUNTRY>- l+ S- H& p- C& n2 ^% ^
<COMPANY>XL Recordings</COMPANY>) m* j2 e* Q% J+ o& W
<YEAR>2015</YEAR>/ e4 M) K% J% }5 F8 M+ e( ?
</TRACK>) D% J$ c! b/ G' |
; O, `9 Z) U) ~6 w% O: x+ I<TRACK>( |$ a* v& t' Q# a. ~
<TITLE>之乎者也</TITLE> |/ D9 W. t4 q& p8 S
<ARTIST>罗大佑</ARTIST>
2 ~# @3 a! O* b( |<ALBUM>青春舞曲</ALBUM>6 j' D* J# n) G- J% X
<COUNTRY>中国</COUNTRY>
* E9 y. o- r0 g9 T1 e4 q8 m3 @; z<COMPANY>滚石唱片</COMPANY>, i/ R! v% e- U f& U$ x
<YEAR>1982</YEAR>
# _4 a- ^( X5 U4 L: c</TRACK>
! y/ W$ `( a$ g2 @, o2 o* H/ f1 h* F( t% l$ H; R3 X! o! J
<TRACK>" ^5 i! s* M: B& a6 C+ Q, k
<TITLE>Never Be Alone</TITLE>0 I/ B; Y' H) H. V0 L
<ARTIST>Shawn Mendes</ARTIST>
, K+ {0 v O' q* b. ?# K<ALBUM>Handwritten</ALBUM>3 N. w( F% T+ t7 t# ^
<COUNTRY>加拿大</COUNTRY>; C0 p5 {6 L4 i% s5 W4 q
<COMPANY>环球唱片</COMPANY>! T, _; L7 @, F
<YEAR>2015</YEAR>
$ h3 G" I `! c; x$ C- Y7 S2 V# v</TRACK>6 ], G: t) E% f% z1 y
" Q& ^/ \# D7 P7 x. W# C! L
<TRACK>9 z5 }% L) i2 |/ d7 b; [
<TITLE>慢慢</TITLE>
: }1 H& R% \, Q5 z7 L- ]& s<ARTIST>张学友</ARTIST>
9 z5 X+ h& s# K" V<ALBUM>忘记你我做不到</ALBUM>0 k. h6 L H" H3 p' j9 i1 w
<COUNTRY>中国</COUNTRY>. B9 u6 i3 M, N: K+ z
<COMPANY>环球唱片</COMPANY>
7 F4 Q/ j$ h3 J3 s( F<YEAR>1996</YEAR>2 ~" N) q i5 k0 j9 B
</TRACK>/ ~! ?$ Z1 b" K" k l. V$ Z
5 N& {3 ] G4 w' k' F9 @
<TRACK>! `: V6 w' ^4 q3 P, }5 ~7 s
<TITLE>Complicated</TITLE>! r7 ] V# G' ~7 C
<ARTIST>Avril Lavigne</ARTIST>
0 [3 n$ p1 A, ]0 u8 c+ s<ALBUM>Let Go</ALBUM>+ [0 f% r. A: O: k+ q" D
<COUNTRY>加拿大</COUNTRY>* |2 T3 q; G. g `3 I' n- l
<COMPANY>索尼音乐</COMPANY>
* n1 V7 D* C3 A& ]0 A3 |<YEAR>2002</YEAR># `( l% u3 d0 [1 x% {
</TRACK>
: H' _8 m; }; l& z8 }; i" W6 ^% ]) @8 d, g M: X
<TRACK>/ M/ Y" F, E4 b3 ]' m; | i
<TITLE>三生三世</TITLE>
: X- g3 W8 V4 m: A' Y<ARTIST>张杰</ARTIST>* o4 G- K: c3 \$ t$ v0 C
<ALBUM>三生三世十里桃花</ALBUM>! L# X8 i% |. u* v' v2 _
<COUNTRY>中国</COUNTRY>! Z& |( Z0 G; R% Z
<COMPANY>仁溪音乐</COMPANY>, n1 y' v+ Q* @+ F D# G' r) G. f
<YEAR>2018</YEAR>+ y! s% _- ?1 A4 s" \
</TRACK>
3 V* ?, \, H1 j" @, M4 u8 m, u$ q2 i$ V( c9 V( r1 V, _+ d/ d
<TRACK># d4 r! G* z! l- B# u4 X& |6 q
<TITLE>Five Hundred Miles</TITLE>
L+ a M9 F: {9 O<ARTIST>Justin Timberlake</ARTIST> x0 x/ L- n' h5 R
<ALBUM>Inside Llewyn Davis</ALBUM>
6 ]0 W) q: } }+ M! R/ ], ]! l6 M<COUNTRY>美国</COUNTRY>+ S7 z2 R( {7 b* m9 Y* X. Z
<COMPANY>华纳唱片</COMPANY>
, K6 q* r4 q6 l& v" A3 H<YEAR>2013</YEAR>4 u0 k; [, U9 i- ]3 @
</TRACK>: S$ [/ V: E8 i: _# ^# J- E
6 c9 d) c% l0 t4 w- d<TRACK>3 l$ a6 J" d9 p# U2 [
<TITLE>演员</TITLE>
% Y( ?( n0 m$ R$ S- z1 Y6 q' I<ARTIST>薛之谦</ARTIST>
0 H5 T+ v4 ?) L6 f6 E- u3 v<ALBUM>绅士</ALBUM>
" `$ Z* p* [: f! s. O7 y, f+ h<COUNTRY>中国</COUNTRY>& j+ P/ A8 Z& t" d; W4 R
<COMPANY>海蝶音乐</COMPANY>6 x0 w( X. |- z3 @
<YEAR>2016</YEAR>
* g8 @3 W9 Q( \" f# y0 T. p+ ~</TRACK>
( U, |8 F$ f$ h1 A, m1 u7 b: C' f& l% d4 |, D" J
<TRACK>1 ~) v5 y% Z) Y: q
<TITLE>Numb</TITLE>- \' h7 C7 Y2 D
<ARTIST>Linkin Park</ARTIST>
o8 Z4 `! ~2 |5 `/ H! Y3 ?<ALBUM>Meteora</ALBUM>% u+ w1 W9 P2 O5 r" k
<COUNTRY>美国</COUNTRY>( Q3 p$ U/ {( w, m
<COMPANY>华纳唱片</COMPANY>5 d$ M8 i0 a. F/ [
<YEAR>2003</YEAR>; T- ?" U3 ?; k5 m
</TRACK>/ ?7 t. U2 f& j5 E' b$ z
! V* E- A0 H( b<TRACK>
, ?# R! T) ]6 g<TITLE>给未来的自己</TITLE>) {7 C* e4 ~/ S
<ARTIST>梁静茹</ARTIST>4 ]% [( H# Z4 t+ }2 Q6 B; X8 S
<ALBUM>崇拜</ALBUM>, Z$ K1 G5 o7 D4 d: Q2 Q; _
<COUNTRY>马来西亚</COUNTRY>
% n% [2 L* x+ F! u* A; P<COMPANY>相信音乐</COMPANY>
8 b9 e" E# E4 h<YEAR>2007</YEAR>
+ _( a& l) C% F" M) {( S</TRACK>
, V. `1 W) M0 m4 i5 v5 i4 Z& c. o; T
<TRACK>
6 d0 g- c) ]2 s3 g( L' q<TITLE>The Monster</TITLE>
Z2 u7 T' W& c6 ^0 V3 {4 h# d<ARTIST>Rihanna</ARTIST>
+ [( a0 s$ r2 v e1 [; S<ALBUM>The Marshall Mathers LP2</ALBUM>
1 m$ \% _+ ^3 y7 A! j<COUNTRY>巴巴多斯</COUNTRY>
' q) [+ A8 ~7 W8 j7 j<COMPANY>环球唱片</COMPANY>
& C! f9 w: w5 p<YEAR>2013</YEAR>* l3 i0 B( t5 v: H/ s8 l
</TRACK>
; g$ E3 x- `" ?" \ l" r0 I# L) ~4 Z/ n+ N" l
<TRACK>0 V( B: N1 k8 G
<TITLE>我终于失去了你</TITLE>+ v9 n( \; i6 n3 ]$ n+ s
<ARTIST>赵传</ARTIST>0 S$ y/ |- X$ X6 w* T9 g
<ALBUM>我终于失去了你</ALBUM>" \; i; x9 ]' j: g1 N7 f
<COUNTRY>中国</COUNTRY>- `" n$ }1 N: o
<COMPANY>滚石唱片</COMPANY>
" U7 S5 r1 e/ {" J, }7 C6 J; n) Z<YEAR>1989</YEAR>
$ a& k% R& w" [. Q</TRACK>" E! w5 f5 D$ w- s. R
3 r7 J. F. B: H% g. l; `+ A1 a<TRACK>) {5 _4 L# w+ z( T( ~* I# o
<TITLE>Main Titles</TITLE>) a; L3 n$ }+ R8 Z% b' f
<ARTIST>Ramin Djawadi</ARTIST>% g, m1 K4 z: }5 x
<ALBUM>Game of Thrones</ALBUM># T/ [0 T, |4 A, @" N5 Y
<COUNTRY>德国</COUNTRY>
* y/ d2 [" O! a7 d! e7 [. c<COMPANY>索尼音乐</COMPANY>
( q7 i* ~- r5 c# N$ C# C3 U<YEAR>2011</YEAR>
( w1 c, L; b- K$ y! C</TRACK>
8 u) N5 w, k( j$ Z8 a' I7 e' w, F( P9 b7 M
<TRACK>' g$ t6 J; f/ J1 M8 P
<TITLE>传奇</TITLE>
( l5 g6 p5 V& g5 j7 [+ W0 K3 w% N<ARTIST>李健</ARTIST>8 n$ e9 A5 I, N& I9 o
<ALBUM>似水流年</ALBUM>) H8 P D! o+ x
<COUNTRY>中国</COUNTRY>% b( S# d1 s& P1 Y
<COMPANY>北京完美坚持文化艺术工作室</COMPANY>
7 v7 i& z9 y- c) ?% W5 I<YEAR>2003</YEAR>
2 o: K/ R: n9 Q% r</TRACK>
3 S% \& x5 l& c; X9 y6 G
6 [8 B7 m' e4 \# {<TRACK>$ m4 H; s- H$ a0 x0 V
<TITLE>完美生活</TITLE>
9 K7 o2 ]5 u1 `; z3 ^* [<ARTIST>许巍</ARTIST>
1 y$ N2 J0 H9 E# Y<ALBUM>时光漫步</ALBUM>
% V. p2 `0 v0 ~9 A/ m<COUNTRY>中国</COUNTRY>
' l9 V8 Y2 G: H+ G A7 I# v<COMPANY>金牌大风</COMPANY>
" R* ]" J& _4 v- J1 E& D<YEAR>2002</YEAR>
9 i( K/ d' I" Y* s</TRACK>
8 \! R% P: M# h6 Z% y7 B6 [7 s8 ~</CATALOG>[/mw_shl_code]
& _- ~7 P! t2 P: u9 K! r |
|
|小黑屋|手机版|PLM之家-企业数智化转型工业软件学习平台
