OLD | NEW |
---|---|
(Empty) | |
1 <html> | |
2 <head> | |
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
4 | |
5 </head> | |
6 <body> | |
7 <span id='requestButton' style="cursor: pointer; text-decoration : underline"> | |
8 Make a request | |
9 </span> | |
10 <a id="link" target="_blank" href="empty.html">Link to empty.htm l</a> | |
11 | |
12 <p>Successes:</p> | |
13 <div id="successes"> | |
14 | |
15 </div> | |
16 <p>Failures:</p> | |
17 <div id="failures"> | |
18 | |
19 </div> | |
20 | |
21 <script type="text/javascript"> | |
22 | |
23 var successes; | |
24 var failures; | |
25 | |
26 var eventListener = function(evt) { | |
27 if( evt == 'success'){ | |
28 document.getElementById("successes").innerHTML = ++successes; //+= "success "; | |
29 } else if( evt == 'failure') { | |
30 document.getElementById("failures").inne rHTML = ++failures;//+= "failure "; | |
31 } | |
32 }; | |
33 | |
34 var s = document.getElementById('successes'); | |
35 var f = document.getElementById('failures'); | |
36 | |
37 s.addEventListener('click', function() { eventListener('success' ) }); | |
38 f.addEventListener('click', function() { eventListener('failure' ) }); | |
39 | |
40 | |
41 var httpRequest; | |
42 document.getElementById('requestButton').addEven tListener('click', repeatLoadPage); | |
43 | |
44 function makeRequest() { | |
45 | |
46 httpRequest = new XMLHttpRequest(); | |
47 | |
48 url = window.location.protocol + "//" + window. location.host + "/helloworld"; | |
49 console.log(url) | |
50 | |
51 | |
52 httpRequest.onreadystatechange = alertContents; | |
53 httpRequest.open("GET", url); | |
54 httpRequest.send(); | |
55 | |
56 } | |
57 | |
58 var successes = 0; | |
59 var failures = 0; | |
60 | |
61 function alertContents() { | |
62 | |
63 if (httpRequest.readyState == 4 ) { | |
64 if (httpRequest.status == 200 ) { | |
65 document.getElementById( "successes").click(); | |
66 successes++; | |
67 console.log("Successes: " + successes); | |
68 console.log(httpRequest. status) | |
69 } else { | |
70 document.getElementById( "failures").click(); | |
71 failures++; | |
72 console.log("Failures: " + failures); | |
73 console.log(httpRequest. status) | |
74 } | |
75 } else { | |
76 //console.log("There was a probl em with the request") | |
77 } | |
78 } | |
79 | |
80 function repeatLoadPage() { | |
81 setInterval(makeRequest,300); | |
82 } | |
83 | |
84 </script> | |
85 </body> | |
86 </html> | |
samuong
2016/06/20 21:43:23
this file should be formatted according to https:/
roisinmcl
2016/06/21 18:55:11
Done.
| |
OLD | NEW |