Download content of the page using ajax jquery
Greetings, how can I download some page content using ajax and jquery: I am doing something like that (2 versions inside one script):
$("p").click(function() {
$('#result').load('http://google.com');
$.ajax({
url='www.google.com',
success: function(data) {
$("result").html(data);
alert('Load was performed.');
var url = 'www.wp.pl';
$('div#result').load(url);
开发者_如何学运维 //var content = $.load(url);
//alert(content);
//$("#result").html("test");
}
});
});
but it does not return any content
Due to restrictions you cannot download the contents of a web page using AJAX that is not hosted on the same domain as the domain hosting this script. Also you have a syntax error in your .ajax
function call. It should look like this:
$.ajax({
url: 'http://yourdomain.com/page1.htm',
success: function(data) {
$("result").html(data);
alert('Load was performed.');
var url = 'http://yourdomain.com/page2.htm';
$('div#result').load(url);
}
});
You could use YQL to proxy your call:
$.ajax({
url:"http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D'http://www.google.com'&format=xml&callback=callback",
type: 'GET',
dataType: 'jsonp'
});
function callback(data){
$('#result').html(data.results[0]);
}
While it is not possible to directly query a host that is external to the current domain from Javascript, you could use a proxy script to retrieve the desired data.
Cross domain AJAX querying with jQuery: http://jquery-howto.blogspot.com/2009/04/cross-domain-ajax-querying-with-jquery.html
You could also make use of the flXHR script, which can be dropped into many Javascript libraries (including jQuery).
flXHR: http://flxhr.flensed.com/
You could also simply call a PHP/ASP/RUby page that in turn does the outside calling for you and presents the information in a way that you need.
1. PAGE --> PHP --> External web
(Ajax)
2. PAGE <-- PHP <-- External web
(callback)
You need to use something called JSONP to go across domain. Seider has psoted more details on how to do this with jQuery.
精彩评论