2

How can i get data (json format) from another domain?
My problem is: I want to get data from: http://pin-codes.in/api/pincode/400001/
I have tried to use CORS but it didn't work.
My console is:
GET http://pin-codes.in/api/pincode/400001 [HTTP/1.1 200 OK 780ms]
Error Error
My code by client-script:

$(document).ready(function() {
 $("#get_data_btn").click(function() {
   var data_path = "http://pin-codes.in/api/pincode/400001";
   $.getJSON(data_path, null)
    .done(function(data) {
      console.log("Success: " + data.status);
    })
    .fail(function(jqxhr, textStatus, error) {
      console.log("Error Error");
    });
 });
});
Improve this question
1

3 Answers 3

Reset to default
3

You probably don't own the other domain right?

No problem at all. Never mind nay-sayers, in computing everything is a yay!

Just use a simple proxy on your server or look into YQL.

this simple query will work: 

select * from json where url="http://pin-codes.in/api/pincode/400001/ "

Just test this link (bypassing cross-domain security bull$#!7).
It will get the data you requested as normal plain json (no jsonp) data wrapped in callback-function cbfunc.

Have a look at this question for further info (I did quite a lot of yql scrape answers on SO).

Update:

Here is a crude fiddle demonstrating the whole process: so you enter a url, click fetch and watch the magic happen: http://jsfiddle.net/NbLYE/

function getJSON(url) {  //quick and dirty
  var script = document.createElement('script');
  script.setAttribute('src', url);
  script.setAttribute('type', 'text/javascript');
  document.getElementsByTagName('head')[0].appendChild(script);
}

function cbfunc(json){     //the callback function
   if(json.query.count){ 
      var data=json.query.results.json;
      // do your work here, like for example:
      //document.getElementById('output').innerHTML=data.toSource();
   } else {
      alert('Error: nothing found'); return false;
   }
}

function fetch(url){         //scrape the url you'd want
   var yql="select * " + 
           " from json" +
           " where url='" + url + "';";
   yql="http://query.yahooapis.com/v1/public/yql?q=" +
       encodeURIComponent(yql) +
       "&format=json" +
       "&callback=cbfunc";
   getJSON(yql);
}

That should get you started (and motivated that it is easy).

Hope this helps!

Improve this answer
Sign up to request clarification or add additional context in comments.

2 Comments

Everything is ok on jsfiddle.net/NbLYE. But when i run your code on Firefox, Chrome that I have a problem: RefernceError: cbfunc is not defined. What does it mean?
Just to check I understand correctly: if you run the fiddle in those browsers (FF and Chrome), then everything works without error (as I expect it), but inside your own code it doesn't? If so: Do you have a (globally available) function named (or referenced as) cbfunc and is this function error-free? Is the cbfunc function defined BEFORE you actually 'fetch' the url (order of operation)? Otherwise, try to setup a fiddle, I'll look at it.
1

You don't have the correct CORS headers on your server.

You need to add

Access-Control-Allow-Origin: *

(or something similar) server-side to the response.

Edit: From the HTTP response, it appears you are using PHP. Use the header function in your response.

<?php header('Access-Control-Allow-Origin: *'); ?>
Improve this answer

10 Comments

See updated answer. If that is not clear, include your server-side code in your question, since that is where the problem is.
The server: pin-codes.in/api/pincode/400001 is not mine. So, I can not access it to add CORS headers. I just code in html file and open it.
What PHP? All I see is JavaScript code. And I don't believe OP has control of the pin-codes.in server.
In that case, you cannot do this from the browser. The "owner" of that server has not chosen to allow you to request that data from another webpage.
And @MichaelGeary, the PHP came from the X-Powered-By header.
|
1

You can't do it using jquery only, you can use any server side script like PHP

Try using php,

<?php
    echo file_get_contents('http://pin-codes.in/api/pincode/400001');
?>

Save above code in pincode.php and use jquery like,

$(document).ready(function() {
    $("#get_data_btn").click(function() {
        var data_path = "pincode.php";
        $.getJSON(data_path, null)
            .done(function(data) {
                console.log("Success: " + data.status);
            })
            .fail(function(jqxhr, textStatus, error) {
                console.log("Error Error");
            });
    });
});

Also read this

Improve this answer

3 Comments

I think this: when we enter the link (pin-codes.in/api/pincode/400001) on browser, it responses json data. We can see it. So, maybe have a way to parse this responsed data without the "owner" permission. Is it right?
You misunderstood my mind. I mean that maybe there is a way to parse the json data without use server side script? Because we can see the responsed json data when wen enter the link: pin-codes.in/api/pincode/400001
These url's may help you stackoverflow.com/questions/3481977/… and stackoverflow.com/questions/11299438/…

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.