Advertisement
DamSi

Untitled

Dec 18th, 2014
160
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <!-- @author Damjan Miloshevski, 123042 -->
  4.     <head>
  5.         <meta charset="UTF-8" lang="mk"/>
  6.         <title>Лабораториска вежба 9, JQuery, AJAX, JSON</title>
  7.         <script type="text/javascript">
  8.             var xmlhttp = new XMLHttpRequest();
  9.             var url = "myTutorials.txt";
  10.            
  11.             xmlhttp.onreadystatechange = function(){
  12.                 if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
  13.                     getData(xmlhttp.responseText);
  14.                 }
  15.             }
  16.             xmlhttp.open("GET",url,true);
  17.             xmlhttp.send();
  18.            
  19.             function getData(filename) {
  20.                 var arr = JSON.parse(filename);
  21.                 var i;
  22.                 var out = "<table border='1' id='table'><tr><td><b>display</td><td><b>url</b></td>";
  23.                
  24.                 for(i=0;i<arr.length;i++){
  25.                     out+="<tr><td>"+
  26.                     arr[i].display+"</td><td>"+
  27.                     arr[i].url+"</td></tr>";
  28.                 }
  29.                 out+="</table>";
  30.                 document.getElementById("data").innerHTML=out;
  31.             }
  32.         </script>
  33.     </head>
  34.     <body>
  35.         <button id="btn" name="button" type="button" onclick="getData()">
  36.                 Get data
  37.             </button>
  38.             <br/>
  39.             <select id="selection">
  40.                 <option id="display">display</option>
  41.                 <option id="url">url</option>
  42.             </select>
  43.             <span>
  44.                 <input type="checkbox" id="c" checked/>
  45.             </span>
  46.         <div id="data"></div>
  47.     </body>
  48. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement