Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- FILE 1 : index.html
- <html>
- <head>
- <title>Ajax example</title>
- <script language = "javascript">
- var XMLHttpRequestObject = false;if (window.XMLHttpRequest) {
- XMLHttpRequestObject = new XMLHttpRequest();
- } else if (window.ActiveXObject) {
- XMLHttpRequestObject = new
- ActiveXObject("Microsoft.XMLHTTP");
- }
- function getData(dataSource, divID)
- {
- if(XMLHttpRequestObject) {
- var obj = document.getElementById(divID);
- XMLHttpRequestObject.open("GET", dataSource);
- XMLHttpRequestObject.onreadystatechange = function()
- {
- if (XMLHttpRequestObject.readyState == 4 &&
- XMLHttpRequestObject.status == 200) {
- obj.innerHTML = XMLHttpRequestObject.responseText;
- }
- }
- XMLHttpRequestObject.send(null);
- }
- }
- </script>
- </head>
- <body>
- <H1>An Ajax example</H1>
- <form>
- <input type = "button" value = "Fetch the message"
- onclick = "getData('test.txt', 'targetDiv')">
- </form>
- <div id="targetDiv">
- <p>The fetched message will appear here.</p>
- </div>
- </body>
- </html>
- FILE 2 : test.txt
- test and test!
Advertisement
Add Comment
Please, Sign In to add comment