943,175 Members | Top Members by Rank

Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 142

Aug 31st, 2010

0

Could I download the html text from other website using AJAX?

Expand Post »

I'm a AJAX newbie, I was wondering if I can use the .responseText method, to load the text from other website?

For example, how can I download the data from "http://www.weather.com/weather/today...China+CHXX0049" and display the data in my own way?

It seems that the .responseText/.responseXML does not work here...

thanks for your kindly help!

Last edited by am5a03; Aug 31st, 2010 at 12:51 pm.

Similar Threads

hide html code on my website in HTML and CSS
How to make an html document for a website using filezilla? in HTML and CSS
create text field using ajax in JavaScript / DHTML / AJAX
displaying HTML Text into the jEditorPane in swing in Java
drop down list in text box using ajax in JavaScript / DHTML / AJAX

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

12 posts
since Mar 2010

Aug 31st, 2010

0

Re: Could I download the html text from other website using AJAX?

It depends on the html tag displaying the text and its id or name for example lets say you got an text response which is HTML and the tag displaying this text you want to modify is a DIV tag with id "message" you can work with it like this.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
 
// assuming the XMLHttpRequest is xhr
var responsestr=xhr.responseText;
// you have to include the gotten response on the page first, lets say a hidden div with the id "hidden"
 
document.getElementById("hidden").innerHtml=responsestr;
var wantedstr;
 
wantedstr=document.getElementById("message").innerHtml;
//then manipulate the text the way you want it

// assuming the XMLHttpRequest is xhr
var responsestr=xhr.responseText;
// you have to include the gotten response on the page first, lets say a hidden div with the id "hidden"

document.getElementById("hidden").innerHtml=responsestr;
var wantedstr;

wantedstr=document.getElementById("message").innerHtml;
//then manipulate the text the way you want it

its kind of shady though but I hope it helps

Reputation Points: 10

Solved Threads: 8

Light Poster

Offline

41 posts
since May 2010

Sep 1st, 2010

0

Re: Could I download the html text from other website using AJAX?

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html>
	<title>AJAX return text</title>
	<head>
		<script type = "text/javascript">
			function getXMLHTTPRequest(){
				var req = false;
				try {
					req = new XMLHttpRequest();
				}catch(err1){
					try{
						req = new ActiveXObject("Msxml2.XMLHTTP");
					}catch(err2){
						try{
							req = new ActiveXObject("Microsoft.XMLHTTP");
						}
						catch(err3){
							req = false;
						}
					}
				}
				return req;
			}
 
			var http = getXMLHTTPRequest();
 
			function getServerText(){
				var myurl = "http://www.weather.com/weather/today/Hong+Kong+China+CHXX0049";
				http.open("GET", myurl, true);
				http.onreadystatechange = useHttpResponse;
				http.send(null);				
			}
 
			function useHttpResponse(){
				if( http.readyState == 4){
					var mytext = http.responseText;
					alert(mytext);
				}else{
					document.getElementById('test').innerHTML = 'Not fetched';
				}
			}
 
		</script>
	</head>
	<body onload="getServerText()">
		<div id='test'></div>		
	</body>
</html>>
<html>
	<title>AJAX return text</title>
	<head>
		<script type = "text/javascript">
			function getXMLHTTPRequest(){
				var req = false;
				try {
					req = new XMLHttpRequest();
				}catch(err1){
					try{
						req = new ActiveXObject("Msxml2.XMLHTTP");
					}catch(err2){
						try{
							req = new ActiveXObject("Microsoft.XMLHTTP");
						}
						catch(err3){
							req = false;
						}
					}
				}
				return req;
			}
			
			var http = getXMLHTTPRequest();
			
			function getServerText(){
				var myurl = "http://www.weather.com/weather/today/Hong+Kong+China+CHXX0049";
				http.open("GET", myurl, true);
				http.onreadystatechange = useHttpResponse;
				http.send(null);				
			}
			
			function useHttpResponse(){
				if( http.readyState == 4){
					var mytext = http.responseText;
					alert(mytext);
				}else{
					document.getElementById('test').innerHTML = 'Not fetched';
				}
			}
			
		</script>
	</head>
	<body onload="getServerText()">
		<div id='test'></div>		
	</body>
</html>>

thx meffe!

This is what I have, but the alert box just give me some blank msg.
It gives me "null" if I replace http.responseText with http.responseXML
What's wrong with my coding?

Last edited by am5a03; Sep 1st, 2010 at 10:11 am.

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

12 posts
since Mar 2010

Sep 1st, 2010

0

Re: Could I download the html text from other website using AJAX?

nothing is wrong with your code. responseXML might give you null when the returned value from request is not valid XML.

it is better if you create an element in body with style="display: none" attribute then do the parsing from there as meffe suggested above.

Reputation Points: 6

Solved Threads: 19

Posting Whiz in Training

Offline

283 posts
since Sep 2007

Sep 2nd, 2010

0

Re: Could I download the html text from other website using AJAX?

I've written a simple html page called 'test.html' and it works!

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)

<html>
	<head>
		<title>HelloWorld</title>
	</head>
	<body>
		<div id='hello'>Hello</div>		
	</body>		
</html>

All the html codes displayed correctly.
I just wondering why I cannot do this when I linked to some other sites outside.

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

12 posts
since Mar 2010

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Setting default value through javascript

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Autofilling a text field based on prior input

Tags

About Us | Contact Us | Advertise | Acceptable Use Policy

Forum Index | Build Custom RSS Feed

© 2011 DaniWeb® LLC