Ajax小记

<html@H_403_4@ lang@H_403_4@="en"@H_403_4@>@H_403_4@
<head@H_403_4@>@H_403_4@
  <Meta@H_403_4@ name@H_403_4@="viewport"@H_403_4@ content@H_403_4@="width=device-width,initial-scale=1"@H_403_4@>@H_403_4@

<title@H_403_4@>@H_403_4@Race</title@H_403_4@>@H_403_4@
 <!--下面所有的顺序至关重要-->@H_403_4@
<link@H_403_4@ href@H_403_4@="race/css/index.css"@H_403_4@ rel@H_403_4@="stylesheet"@H_403_4@ type@H_403_4@="text/css"@H_403_4@ />@H_403_4@
  <!--一定要加-->@H_403_4@
<link@H_403_4@ href@H_403_4@="race/css/jquery-ui.min.css"@H_403_4@ rel@H_403_4@="stylesheet"@H_403_4@ type@H_403_4@="text/css"@H_403_4@ />@H_403_4@
 <!--js库插入的顺序一定要对-->@H_403_4@
<script@H_403_4@ type@H_403_4@="text/javascript"@H_403_4@ src@H_403_4@="race/js/jquery-1.8.3.min.js"@H_403_4@>@H_403_4@@H_403_4@</script@H_403_4@>@H_403_4@
<script@H_403_4@ type@H_403_4@="text/javascript"@H_403_4@ src@H_403_4@="race/js/jquery-ui.min.js"@H_403_4@>@H_403_4@@H_403_4@</script@H_403_4@>@H_403_4@

<script@H_403_4@ type@H_403_4@="text/javascript"@H_403_4@>@H_403_4@ function@H_403_4@ getXMLRacers@H_403_4@()@H_403_4@{@H_403_4@ $.ajax({ url:"race/finishers.xml"@H_403_4@,cache:false@H_403_4@,dataType:"xml"@H_403_4@,success: function@H_403_4@(xml)@H_403_4@{@H_403_4@ $('#finishers_m'@H_403_4@).empty(); $('#finishers_f'@H_403_4@).empty(); $('#finishers_all'@H_403_4@).empty(); $(xml).find("runner"@H_403_4@).each(function@H_403_4@()@H_403_4@ {@H_403_4@ var@H_403_4@ info='<li>Name:'@H_403_4@+$(this@H_403_4@).find("fname"@H_403_4@).text()+''@H_403_4@+$(this@H_403_4@).find("lname"@H_403_4@).text()+'. Time:'@H_403_4@+$(this@H_403_4@).find("time"@H_403_4@).text()+'</li>'@H_403_4@; if@H_403_4@($(this@H_403_4@).find("gender"@H_403_4@).text()=="m"@H_403_4@){ $('#finishers_m'@H_403_4@).append(info) }else@H_403_4@ if@H_403_4@($(this@H_403_4@).find("gender"@H_403_4@).text()=="f"@H_403_4@){ $('#finishers_f'@H_403_4@).append(info); }else@H_403_4@{} $('#finishers_all'@H_403_4@).append(info); }); } }) getTime(); } //获取时间函数@H_403_4@ function@H_403_4@ getTime@H_403_4@()@H_403_4@{@H_403_4@ var@H_403_4@ a_p=""@H_403_4@; var@H_403_4@ d=new@H_403_4@ Date@H_403_4@(); var@H_403_4@ curr_hour=d.getHours(); (curr_hour<12@H_403_4@)? a_p="AM"@H_403_4@:a_p="PM"@H_403_4@; (curr_hour==0@H_403_4@)? curr_hour=12@H_403_4@:curr_hour=curr_hour; (curr_hour>12@H_403_4@)?curr_hour=curr_hour-12@H_403_4@:curr_hour=curr_hour; var@H_403_4@ curr_min=d.getMinutes().toString(); var@H_403_4@ curr_sec=d.getSeconds().toString(); if@H_403_4@(curr_min.length==1@H_403_4@){curr_min="0"@H_403_4@+curr_min;} if@H_403_4@(curr_sec.length==1@H_403_4@){curr_sec="0"@H_403_4@+curr_sec;} $("#updatedTime"@H_403_4@).html(curr_hour+":"@H_403_4@+curr_min+":"@H_403_4@+curr_sec+" "@H_403_4@+a_p); } $(function@H_403_4@()@H_403_4@ {@H_403_4@ $( "#main"@H_403_4@ ).tabs();//一定要放在前面@H_403_4@ var@H_403_4@ FREQ=10000@H_403_4@; //10秒@H_403_4@ function@H_403_4@ startAJAXcalls@H_403_4@()@H_403_4@{@H_403_4@ setTimeout(function@H_403_4@()@H_403_4@{@H_403_4@ getXMLRacers(); startAJAXcalls(); },FREQ ); } getXMLRacers(); startAJAXcalls(); } ); @H_403_4@</script@H_403_4@>@H_403_4@

</head@H_403_4@>@H_403_4@

<body@H_403_4@>@H_403_4@

<header@H_403_4@>@H_403_4@
<h2@H_403_4@>@H_403_4@2011 Race Finishers! </h2@H_403_4@>@H_403_4@
</header@H_403_4@>@H_403_4@

<div@H_403_4@ id@H_403_4@="main"@H_403_4@>@H_403_4@
  <ul@H_403_4@ class@H_403_4@="idTabs"@H_403_4@>@H_403_4@
    <li@H_403_4@>@H_403_4@<a@H_403_4@ href@H_403_4@="#male"@H_403_4@>@H_403_4@Male Finishers</a@H_403_4@>@H_403_4@</li@H_403_4@>@H_403_4@
    <li@H_403_4@>@H_403_4@<a@H_403_4@ href@H_403_4@="#female"@H_403_4@>@H_403_4@Female Finishers</a@H_403_4@>@H_403_4@</li@H_403_4@>@H_403_4@
    <li@H_403_4@>@H_403_4@<a@H_403_4@ href@H_403_4@="#all"@H_403_4@>@H_403_4@All Finishers</a@H_403_4@>@H_403_4@</li@H_403_4@>@H_403_4@
  </ul@H_403_4@>@H_403_4@
  <div@H_403_4@ id@H_403_4@="male"@H_403_4@>@H_403_4@
    <h4@H_403_4@>@H_403_4@Male Finishers</h4@H_403_4@>@H_403_4@
    <ul@H_403_4@ id@H_403_4@="finishers_m"@H_403_4@>@H_403_4@</ul@H_403_4@>@H_403_4@
  </div@H_403_4@>@H_403_4@
  <div@H_403_4@ id@H_403_4@="female"@H_403_4@>@H_403_4@
    <h4@H_403_4@>@H_403_4@Female Finishers</h4@H_403_4@>@H_403_4@
    <ul@H_403_4@ id@H_403_4@="finishers_f"@H_403_4@>@H_403_4@</ul@H_403_4@>@H_403_4@
  </div@H_403_4@>@H_403_4@
  <div@H_403_4@ id@H_403_4@="all"@H_403_4@>@H_403_4@
     <h4@H_403_4@>@H_403_4@All Finishers</h4@H_403_4@>@H_403_4@
    <ul@H_403_4@ id@H_403_4@="finishers_all"@H_403_4@>@H_403_4@</ul@H_403_4@>@H_403_4@
  </div@H_403_4@>@H_403_4@
</div@H_403_4@>@H_403_4@

<footer@H_403_4@>@H_403_4@
  <h4@H_403_4@>@H_403_4@Congratulations to all our finishers!</h4@H_403_4@>@H_403_4@
  <br@H_403_4@/>@H_403_4@Last Update:<div@H_403_4@ id@H_403_4@="updatedTime"@H_403_4@>@H_403_4@</div@H_403_4@>@H_403_4@
</footer@H_403_4@>@H_403_4@

</body@H_403_4@>@H_403_4@
</html@H_403_4@>@H_403_4@
Ajax小记

猜你在找的Ajax相关文章
