Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!-- @author Damjan Miloshevski, 123042 -->
- <head>
- <meta charset="UTF-8" lang="mk"/>
- <title>Лабораториска вежба 9, JQuery, AJAX, JSON</title>
- <script type="text/javascript">
- var xmlhttp = new XMLHttpRequest();
- var url = "myTutorials.txt";
- xmlhttp.onreadystatechange = function(){
- if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
- getData(xmlhttp.responseText);
- }
- }
- xmlhttp.open("GET",url,true);
- xmlhttp.send();
- function getData(filename) {
- var arr = JSON.parse(filename);
- var i;
- var out = "<table border='1' id='table'><tr><td><b>display</td><td><b>url</b></td>";
- for(i=0;i<arr.length;i++){
- out+="<tr><td>"+
- arr[i].display+"</td><td>"+
- arr[i].url+"</td></tr>";
- }
- out+="</table>";
- document.getElementById("data").innerHTML=out;
- }
- </script>
- </head>
- <body>
- <button id="btn" name="button" type="button" onclick="getData()">
- Get data
- </button>
- <br/>
- <select id="selection">
- <option id="display">display</option>
- <option id="url">url</option>
- </select>
- <span>
- <input type="checkbox" id="c" checked/>
- </span>
- <div id="data"></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement