Is it possible to load from a .HTML file with Ajax?

Question

function loadAjax(filename){
    var ajax;
    if(window.XMLHttpRequest){
        ajax=new XMLHttpRequest();
    }
    ajax.onreadystatechange=function(){
        if(ajax.readyState==4 && ajax.status==200){
            document.getElementById("target").innerHTML = ajax.responseText;
        }
    }
    ajax.open("GET",filename,true);
    ajax.send();
}

If filename is a .txt file, this works as expected. However, if it is a .html file, no response is shown.

The XMLHTTPRequest object does not care if the URL to fetch ends with a .txt or an .html What is likely happening is that the ajax.responseText is invalid HTML which causes a problem when you try to add it to your document. Add a printout of ajax.responseText to verify — odedsh
– odedsh, Commented Nov 7, 2013 at 5:22
Hot f12 in ie or chrome and look in the console. HTML should be well formed XML — mplungjan
– mplungjan, Commented Nov 7, 2013 at 5:23

Vidya · Accepted Answer · 2013-11-07 05:35:53Z

4

The answer is of course yes, but I would suggest using JQuery's load function as described here. It is just so much easier to use an abstraction rather than mess with the low-level details of the XHR and the DOM.

This assumes your HTML is valid.

In your case, the code would be something like $("#target").load(filename);

edited Nov 7, 2013 at 5:35

answered Nov 7, 2013 at 5:24

Vidya

30.4k7 gold badges48 silver badges73 bronze badges

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

Comments

Sridhar R · Accepted Answer · 2013-11-07 05:29:59Z

1

Yes its Possible Use JQuery load

Script

<script type="text/javascript">
   $(document).ready(function(){
    $("#urButton").click(function() {
    $("#urDiv").load("trackingCode.html");
    });
   });
</script>

HTML

<button id="urButton">Click Me</button>
<div id="urDiv"></div>

answered Nov 7, 2013 at 5:29

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

Collectives™ on Stack Overflow

Is it possible to load from a .HTML file with 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