ajax XML HTTP request question
CodeGuru Home VC++ / MFC / C++ .NET / C# Visual Basic VB Forums Developer.com
Results 1 to 5 of 5

Thread: ajax XML HTTP request question

  1. #1
    Join Date
    May 2008
    Posts
    11

    ajax XML HTTP request question

    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?

  2. #2
    PeejAvery's Avatar
    PeejAvery is offline Super Moderator Power Poster
    Join Date
    May 2002
    Posts
    10,840

    Re: ajax XML HTTP request question

    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.
    If the post was helpful...Rate it! Remember to use [code] or [php] tags.

  3. #3
    Join Date
    May 2008
    Posts
    11

    Re: ajax XML HTTP request question

    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...

  4. #4
    PeejAvery's Avatar
    PeejAvery is offline Super Moderator Power Poster
    Join Date
    May 2002
    Posts
    10,840

    Re: ajax XML HTTP request question

    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;
            }
          }
        }
      }
    }
    If the post was helpful...Rate it! Remember to use [code] or [php] tags.

  5. #5
    Join Date
    Oct 2008
    Posts
    47

    Re: ajax XML HTTP request question

    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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  


Azure Activities Information Page

Windows Mobile Development Center


Click Here to Expand Forum to Full Width

This is a CodeGuru survey question.


Featured


HTML5 Development Center