Loading data from another file using Ajax

Question

I am trying to get myself started with Ajax so I was just trying to load some content from a file on click of a button but the content of other file is not loaded

<!DOCTYPE html>
<html>
    <head>
        <script>
            function loadData()
            {
                var xmlhttp;
                if (window.XMLHttpRequest)
                {
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange=function()
                {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {                                    
                        document.getElementById("output").innerHTML=xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET","a1.html",true);
                xmlhttp.send();
            }
        </script>
        </head>
        <body>    
            <h2>AJAX</h2>
            <button type="button" onclick="loadData()">Request data</button>
            <div id="output"></div>    
        </body>
</html>

a1.html file is present under same folder where this html file is.

please check that "a1.html" file will be in the same folder where the above file is located. — Atif Tariq
– Atif Tariq, Commented Sep 8, 2015 at 11:32

Mahtab Alam · Accepted Answer · 2015-09-08 11:21:29Z

2

I got it , I must request the page from a server. not just localhost

answered Sep 8, 2015 at 11:21

Mahtab Alam

6272 gold badges9 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

divinemaniac · Accepted Answer · 2015-09-08 11:25:53Z

0

Hmmm. everything looks good with this code. Maybe you should check if the file exists. You can also use local files with AJAX and not only urls with a server address.

answered Sep 8, 2015 at 11:25

divinemaniac

2771 silver badge9 bronze badges

Collectives™ on Stack Overflow

Loading data from another file using Ajax

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related