get content from external url using javascript

Question

I am using freetexthost.com to store my json code.. and now i ve to get those content from url using javascript,jquery,ajax... bt am being unable to get it.. am trying following code

<!DOCTYPE html>
<html>
<head>
<title>Useless</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.11.0.min.js'></script>
<script type="text/javascript">

$.ajax({
  type:     "GET",
  url:      "http://freetexthost.com/r56ct5aw03",
  dataType: "jsonp",
  success: function(data){
    console.log(data);
  }
});

</script>
</head>
<body>

<div class="content" >Hello</div>

</body>
</html>

getting an error as `Uncaught SyntaxError: Unexpected token <

is there any chances we can manipulate content of other page(url) using js...

You have missed closing " in line url: "https://http://freetexthost.com/r56ct5aw03, Assuming it as typo — Satpal
– Satpal, Commented Feb 24, 2014 at 10:11
Uncaught SyntaxError: Unexpected token < this error usually when json parser tries to parse html — SajithNair
– SajithNair, Commented Feb 24, 2014 at 10:14
Use your browsers network inspector, jsonp is not being returned. If you use the real url in a browser do you see raw json or json in an html page? — Alex K.
– Alex K., Commented Feb 24, 2014 at 10:17
so how can i upload my json file in web freely so that i can use that later on easily?? — Bijay Rai
– Bijay Rai, Commented Feb 24, 2014 at 10:20

Saeed Ahmadian · Accepted Answer · 2017-05-14 07:43:38Z

2

in your json file create function:

 //----for example
 parseResponse({"Name": "Foo", "Id": 1234, "Rank": 7});

then call this function by JSONP

var result = $.getScript("http://freetexthost.com/r56ct5aw03?callback=parseResponse");

I hope to help you.

reference : JSONP

edited May 14, 2017 at 7:43

answered May 14, 2017 at 6:12

Saeed Ahmadian

1,1191 gold badge10 silver badges24 bronze badges

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

Comments

Felix · Accepted Answer · 2014-02-24 10:11:19Z

0

You need to close your url using ":

$.ajax({
    type:     "GET",
    url:      "https://http://freetexthost.com/r56ct5aw03", // <-- Here
    dataType: "jsonp",
    success: function(data){
        console.log(data);
    }
});

answered Feb 24, 2014 at 10:11

Felix

38.2k8 gold badges45 silver badges56 bronze badges

1 Comment

Felix Over a year ago

I'm not sure since he encountered a syntax error here.

SajithNair · Accepted Answer · 2014-02-24 10:28:31Z

0

The content of the page http://freetexthost.com/r56ct5aw03 is html, it should be jsonp to parse properly

The only difference between json and jsonp is that when calling jsonp you will also pass a callback parameter

e.g. url:"http://freetexthost.com/r56ct5aw03?callback=myFunction",

Now the server side should print the json enclosed in this function name like below.

myFunction(
    {
        "sites":
        [
            {
                "siteName": "123",
                "domainName": "http://www.123.com",
                "description": "123"
            },
            {
                "siteName": "asd",
                "domainName": "http://www.asd.com",
                "description": "asd"
            },
            {
                "siteName": "zxc",
                "domainName": "http://www.zxc.com",
                "description": "zxc"
            }
        ]
    }
);

edited Feb 24, 2014 at 10:28

answered Feb 24, 2014 at 10:13

SajithNair

3,8771 gold badge20 silver badges23 bronze badges

3 Comments

Bijay Rai Over a year ago

how can i upload my json file freely in web as jsonp and later on parse that easily??

SajithNair Over a year ago

You need to have a server side language like php to print the json text enclosed in the jsonp function name

Alex K. Over a year ago

You just need a normal hosting account

Collectives™ on Stack Overflow

get content from external url using javascript

3 Answers 3

Comments

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest