ajax XML HTTP request question

**onyxxxx** · May 18th, 2008 03:24 AM

Hi,

I was searching through internet and looking for frames object. And I was disappointed what html inline frames can do.

So, I found better way to do this with AJAX frames.

But I have one problem in this simple ajax frames example. I can't insert .html files in it, only .txt .

How can I insert also .html files, not only .txt?

**PeejAvery** · May 18th, 2008 08:52 AM

That code is not tied down with any file extension. *.txt is only used as an example. You could use any file extension you want with it.

**onyxxxx** · May 21st, 2008 03:56 AM

But it didn't work with external .html page...

I have just found an another ajax innerhtml example. I think it should work for my project. But I can't define what exactly I should do, because it isn't working now.

Here is the example I took from

And this is html code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>How the load another HTML page and get data from it</title>
</head>

<body bgcolor="#FFFFFF">

<!-- THE CODE STARTS HERE -->

<script src="ajax.js" type="text/javascript"></script>
<script src="responseHTML.js" type="text/javascript"></script>

<div id="storage" style="display:none;">
</div>

<!-- THE CODE ENDS HERE -->

<h1>Ajax Demo - Getting Data From a HTML Page</h1>
<hr>
Load the <b><a href="anotherpage.html" target="_parent">anotherpage.html</a></b> 
file, get the content of the BODY section and write it into this page, below... 
<FORM name="ajax" method="POST" action="">
	<p>
		
    <INPUT type="BUTTON" value="Load HTML and get data"  ONCLICK="loadWholePage('anotherpage.html')">

	</p>
		
</FORM>

<div id="displayed">
</div>

	
<p>&nbsp;</p>

<p>(c) 2007 <a href="http://www.xul.fr" target="_parent">Xul.fr</a></p>


</body>

</html>

First I would need a function that automatically loads the external html page into a div tag.

And one more important question - does this ajax example refresh going through links? because I don't need that...

Thanks for responses...

**PeejAvery** · May 28th, 2008 12:07 PM

Why are you moving away from the first example? It works perfectly fine. Why don't you try the following instead.

Code:

AJAX.get('YOUR URL', getUpdate);

var AJAX = {
  initialize: function() {
    var xmlHTTP;
    try {xmlHTTP = new XMLHttpRequest();}
    catch(e) {
      try {xmlHTTP = new ActiveXObject("Msxml2.XMLHTTP");}
      catch(e) {
        try {xmlHTTP = new ActiveXObject("Microsoft.XMLHTTP");}
        catch(e) {
          alert("Your browser does not support AJAX!");
          return false;
        }
      }
    }
    return xmlHTTP;
  },

  get: function(url, func) {
    var obj = this.initialize();
    obj.open('GET', url, true);
    obj.send(null);
    obj.onreadystatechange = function() {
      if (obj.readyState == 4) {
        if (obj.status == 200) {
          document.getElementById('YOUR DIV ID').innerHTML = obj.responseText;
        }
      }
    }
  }
}

**tattooedscorpdc** · October 2nd, 2008 06:41 PM

The problem could possibly be the HTML you are trying to call is not properly formed, make sure all your tags are closed within the HTML, this would include your IMG tags as well as any break tags, eg. <br/>

AJAX can pull any file into the div, frame or window you are calling it to but it must be well formed

Larry
---------------------------
Microsoft ISV Development Evangelist

Thread: ajax XML HTTP request question

Thread Tools

Display

Hybrid View

ajax XML HTTP request question

Re: ajax XML HTTP request question

Re: ajax XML HTTP request question

Re: ajax XML HTTP request question

Re: ajax XML HTTP request question

Bookmarks

Bookmarks

Posting Permissions