Jquery: jquery-1.4.2.min.js
You must use IIS to run properly.
Demo.html
Code< HTML xmlns = " Http://www.w3.org/1999/xhtml " >
<Head>
< Meta HTTP - Equiv = " Content-Type " Content = " Text/html; charset = GBK " / >
< Title > Stripingtable < / Title>
< Script SRC = " Jquery-1.4.2.min.js " Type = " Text/JavaScript " > < / SCRIPT>
< Script Type = " Text/JavaScript " >
$ (Document). Ready ( Function (){
$. Get ( ' Mydata. xml ' , Function (D ){
$ ( ' Body ' ). Append ( ' <H1> Saturn recommends several books to you: ' );
$ ( ' Body ' ). Append ( ' <DL/> ' );
$ (D). Find ('Book'). Each (Function(){
VaR $ Book = $ ( This );
VaR Title = $ Book. ATTR ( " Title " );
VaR Description = $ Book. Find ( ' Description ' ). Text (); // The field content is read here
VaR Imageurl = $ Book. ATTR ( ' Imageurl ' ); // Here is the attribute value of the read Field
VaR Html = ' <DT> ' + Imageurl + ' "/> </DT> ' ;
Html + = ' <DD> <SPAN class = "loadingpic" alt = "loading"/> ' ;
Html + = ' <P class = "title"> ' + Title + ' </P> ' ;
Html + = ' <P> ' + Description + ' </P> ' ;
Html + = ' </DD> ' ;
$ ('DL'). Append ($ (HTML ));
$ ('. Loadingpic'). Fadeout (2000);
});
});
});
< / SCRIPT>
< / Head>
< Body >
< Div >
< Div ID = " Info " > < / Div>
< / Bdoy>
< / HTML>
Mydata. xml
Code<? XML version = "1.0" encoding = "UTF-8" ?>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
