JQuery :: Read Cross-domain HTML Content?
Sep 23, 2009
since a few days i try to load external html content from another domain. obviosly it is hard to access cross domain content wit
javascript ajax methodes. first i' ve tried iframes but access denied. after that I' ve tried $.ajax but all request returned zero byte data from server. here is a way that seems to work but raise an error while processing data from text to json object
$.getJSON("http://example.com?jsoncallback=?",null,
function(data){
alert(data);
});
i can see the server response in firebug and it requests the html data. but as i sayd i raise an error while converting to json. any chance to get raw data before jquery konversion? or maybe any other way (s) to request html data in text format from cross domain?
View 3 Replies
ADVERTISEMENT
Jan 10, 2011
I'm writing this post as there are alot of questions about Cross Domain AJAX request so i'm going to give an overview of the different ways and the best practices Ok so there are 2 systems for this the key difference is how much control you have.
If you control the Requested site you can use Javascript Safe calling to that server, this is all done via a few Headers so to do this all you have to do is send some headers from the page your requesting.
The first is tell the browser that the site the AJAX call is coming from is allowed this is done with
"Access-Control-Allow-Origin: " Now this can be set to a wild card and allow all sites to access the page
"Access-Control-Allow-Origin: *"
Or you can say only a set server can
"Access-Control-Allow-Origin: mydomain.com"
This header allows GET requests but what if you need to post data to the site well you need to tell the browser that POST data is allowed to be sent Access-Control-Allow-Headers: GET,POST
Now we run into the problem that sending post data the browser will send the header Content-Type but your server has not told the browser its allowed to send that header so Access-Control-Allow-Methods: Content-Type Will allow the header to be sent if you wish to send any other custom headers you have to make your server tell the browser its allowed to send them this is done by adding them as a comma delimited list via the "Access-Control-Allow-Headers" header
Now if you dont have control well then your back to using a script that is local to the AJAX script then sending the data via cURL or another connection method to the remote server
[Code]...
View 15 Replies
View Related
Aug 30, 2009
I'm trying to set up a system similar to Google AdSense that allows other websites to display some HTML content from my site on theirs. I've looked at the show_ads.js file Google uses to display Ads but to be honest I've not found it easy to decipher. I've also read that using a <script> tag to load a JavaScript file from my site is simpler than trying to do do this with an AJAX request. it discusses returning JSON rather than HTML.
BTW I know I could use an iframe to achieve something similar but this won't give me the result I need because the content coming from my site will contain a link back to my site and I want the link to be registered as an inbound link to my site for SEO reasons.
View 1 Replies
View Related
Oct 28, 2011
I need to send data through POST to other domain.
My script is:
But I am still getting the error XMLHttpRequest cannot load [url]. Origin [url] is not allowed by Access-Control-Allow-Origin.
XHR finished loading
I set in the destination
I don't know why it dosen't work.
View 2 Replies
View Related
Jun 18, 2009
Is there any way to resize an iframe dynamically to the height of its content that works cross browser and works when the iframe content is on another domain than the main page (I have access to both pages, so code can be put in either) Also, it must resize when links in the iframe are clicked (ie when a new page within the iframe is loaded)
View 1 Replies
View Related
Jul 15, 2011
I trying to get an html page using the $.get method and assign the result to a variable, using this code:
var html;
$.get('templates/Template.html', function(data) {
html=data;
});
console.log(html);
html variable, in this case, is null...
[Code]...
View 1 Replies
View Related
Apr 9, 2011
How to get value from other domain?
other site: <input value="test"></input>
View 6 Replies
View Related
Feb 18, 2010
I'm fairly new to javascript and JQuery so please bear with me. I've written a simple app using JQuery whose purpose is to select the fastest mirror site. To this end I use several $.ajax calls - one to each mirror site -and I don't do anything with the data I get from these, I only use the order in which they respond to sort the sites from fastest to slowest. I'd share the code, but really the only thing it does is call the $.ajax function and append a line in a table using the success: callback. This works perfectly fine for most browsers, except IE which throws the 'access is denied' error. I know about cross domain restrictions and understand the reasoning behind - my plan was to put my script in the 'trusted' zone and enable the required options to bypass the problem as this will be used in a controlled environment, but no matter what I try my code won't run in IE. Some of my mirror sites are indeed in a different domain. What I have trouble understanding is why all other browsers (FF, Chrome etc), with their default configuration, allow my code to run flawlessly? If the reasoning behind IE blocking this is correct, then why do others allow it?
Also obviously for my purpose using a server-side proxy makes no sense as I want to test the sites from the client side, not from the server. I've also read about other work arounds such as JSONP but unfortunately the sites that I'm testing cannot support this. But once again, what I'm really wondering about is why my code works flawlessly in other browsers..
View 15 Replies
View Related
Sep 3, 2009
i wants to know that how to handle cross domain error which are giving by jquery in Mozilla.
View 1 Replies
View Related
Oct 22, 2009
I'm new to this group, and after doing a lot (and I mean a LOT) ofsearching, I can't find an answer for my problem:I'm basically trying to do a simple $.getJSON, and the setup issimple:Firefox 3.5 MacOSX, latest jQuery (1.3.2)the json file named "myjson.json" (I've reduced its contents to itsminimum for testing purposes and it validates in JSONLint):
{"result": "true"}
The javascript:
$.getJSON('http://site1:8888/myjson.json', {}, function(data) { alert
[code]....
View 12 Replies
View Related
Oct 10, 2009
I'm building a web app that provides music information (i.e. info on artists, albums, songs, etc.) and for the info source I'm using the MusicBrainz API.
Now, I'm trying to load the data from an API call and process it, with jQuery.
This is the code I'm using:
With 'queryString' being the URL string for the request, and then I'd proceed to read the data out of the 'xml' object. Fairly simple.
However, this is where problems arise. The code works flawlessly when running locally on my computer, but does not work at all when I upload everything to my web server and try to run it there. I did some reading and have discovered that AJAX calls can't be made across different domains, due to security issues.
So I've read through numerous solutions, but almost all require either something with PHP (which I have absolutely NO knowledge of) or grabbing the data in JSON format (which apparently isn't subject to the same security restrictions). However, my main problem is that the MusicBrainz API does not return data in JSON format (in fact the only format it returns is XML).
View 4 Replies
View Related
Aug 20, 2011
The following topic had driven me nuts for a few hours. I have been reading article after article trying to get this to work, with no luck. Lets start with what im trying to do.I am making a JS file that people can link on their webpage, and will create tooltips on links (from data from my database). Ok np. I have a php file for testing.
Code:
$item = $_GET['item'];
if ($item == "test") {
[code]....
View 2 Replies
View Related
Jun 24, 2011
I have two websites. One is my mediaWiki, and one is my production site.I would like to use the mediaWiki APIand $.post() to login to the wiki and retrieve pages from the Wiki.
$.ajax({
url: "http://wiki.mySite.com/api.php",
type: "POST",
[code]....
View 1 Replies
View Related
Jul 27, 2011
i want to upload a form with jquery form plugins of jquery.form.js , my code like this
[Code]...
View 3 Replies
View Related
May 19, 2010
I need to send XML / XML string to a web service cross domain.I have a JavaScript function that creates the XML by selecting the fields on the page and formatting the values into the required XML document. The HTML page is running on the users local machine but need to send the XML to a public secure (SSL) web service (ASMX) that has one argument of type string.I have tried to come up with a solution and the only one that is currently working is JSONP with GET. But this results in the data being send as part of the query string and is in clear view, thus beingintercept-able.
View 2 Replies
View Related
May 25, 2010
I am recentlyexperiencinga problem with .ajax calling cross domain asp.net webservice. It started working fine, until the data returned from server is becoming too big and suddenly the ajax call caused errors, if i reduce the data length then the error went away. After doing some debug, i have identified the problem being the callback was inserted into the returned data.
[Code]...
View 6 Replies
View Related
May 18, 2010
Is it possible to use $.ajax to call an external web service directly, or do I need to write a dot net server-side wrapper to consume the web service, then call the wrapper from jQuery ?
I have attempted a direct call as shown below, which works fine in IE but generates an error in Firefox, which I presume relates to the cross-domain scripting issue.
$.ajaxSetup({ cache: false });
View 2 Replies
View Related
Apr 6, 2011
below are my code
$.getJSON("http://mydomain.com/phptest.php?jsoncallback=?",function(data)
{
alert(data.a);
});
phptest.php echos out the following
{"a":"hello world"}
Yet, when i made the json calls(cross domain), it just return me nothing. However, under the same domain, I got the pop-up alert and return me the relevant data. But getJSON is suppose to be feasible across all domains irrespective of the same-origin policy.
View 3 Replies
View Related
Aug 24, 2009
When i try to make an ajax request like:
I get the following error in the firebug ( Net ): OPTIONS - 405 Method Not Allowed
Is it related to cross-domain request?
View 5 Replies
View Related
Mar 9, 2011
I'm trying to load google.com from a test html page using jQuery-1.5.1 but unable to do it.I've tried all the 3 methods listed but to no success.Below is the code snippet for the same & the output that I'm getting.
CODE:
<html>
<head>
[code]....
View 1 Replies
View Related
Nov 3, 2009
Do you have any idea cross domain xml file access from javascript or using jquery ajax? This is the sample url for google weather
[Code]...
View 1 Replies
View Related
Jan 13, 2009
If i use the jQuery library hosted by google am i going to run in to issues using ajax on my site when making requests for data from my server.
View 4 Replies
View Related
Jan 15, 2010
i need to post data from a form to a page on another domain, without leaving the current page.I am using ASP as a server language.
View 9 Replies
View Related
May 4, 2011
I trying to make a call to an external domain using $.ajax() and it WORKS, the server receives the call, but the response in firebug errors out in jquery.js line 7760. I've been beating my head at this all day and don't feel like I've made it much further.
I suspect it has something to do with the dataType or type of the request. But I've tried all kinds of things from POST to GET to JSONP in the type. For dataType, I've also tried "html", "text", "xml", "json", and even some combos of "text html" but no success.
[Code]...
View 13 Replies
View Related
Dec 14, 2010
I'm wondering if anyone out there has a solution to using an iframe that automatically adjusts it's height of the child and also works cross domain.
View 2 Replies
View Related
Sep 25, 2009
I use $.post like so: $.post("http://mydomain.com/some/webservice", $.toJSON({ emailAddress: emailAddress }), callback, "json"); this works great..the response of the POST is a json string and that is used in the callback..now I added https: $.post("https://mydomain.com/some/webservice", $.toJSON ({ emailAddress: emailAddress }), callback, "json"); so it is now a cross domain post...in firebug I see that instead of POST'ing like in the http case..it first is sending an OPTIONS verb..why? The webservice doesn't know how to respond to that and gives a 403 forbidden...I need it to just send the POST like it did when it was on the same domain...
View 3 Replies
View Related
