Jump to content

AJAX load partial content from external page?


pleek

Recommended Posts

I have this code to get the contents of an external html file and display it on the current page...

<script type="text/javascript">

function HttpRequest(url){
var pageRequest = false //variable to hold ajax object
/*@cc_on
   @if (@_jscript_version >= 5)
      try {
      pageRequest = new ActiveXObject("Msxml2.XMLHTTP")
      }
      catch (e){
         try {
         pageRequest = new ActiveXObject("Microsoft.XMLHTTP")
         }
         catch (e2){
         pageRequest = false
         }
      }
   @end
@*/

if (!pageRequest && typeof XMLHttpRequest != 'undefined')
   pageRequest = new XMLHttpRequest()

if (pageRequest){ //if pageRequest is not false
   pageRequest.open('GET', url, false) //get page synchronously 
   pageRequest.send(null)
   embedpage(pageRequest)
   }
}

function embedpage(request){
//if viewing page offline or the document was successfully retrieved online (status code=2000)
if (window.location.href.indexOf("http")==-1 || request.status==200)
   document.write(request.responseText)
}

HttpRequest("getfrom.html")

</script>

 

This is the external html page

<HTML>
<HEAD>

</HEAD>

<BODY>
<P>hello there!</P>
<P id="upcoming">upcoming text</P>
</BODY>
</HTML>

 

I need the current page to only retrieve the contents of the "upcoming" paragraph. Iv been fooling around with it but can't seem to figure it out. Any ideas?

 

thanx

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.