can't parse JSON from javascript

Question

I'm newbie in javascript and My project can't use AJAX or any Framework . . .

It's simple code but still curious what's wrong with it

    <html>
    <head>
    <script type="text/javascript" src="onejs.js"></script>
    <link href="onecss.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="myDiv" class="subMenu" onclick="test(this)">CLICK</div>
    </body>
    </html>

onejs.js

function test(id) { 
    var s = document.createElement('script');
    s.id = 'dynScript';
    s.type='text/javascript';
    s.src = "http://echo.jsontest.com/one/111oneoneone/key/value";
    var obj = JSON.parse(s);
    id.innerHTML = (obj.key);
}

When I click in "CLICK" it doesn't change.

"My project can't use AJAX or any Framework". You should probably start by looking for what is AJAX. — Denys Séguret
– Denys Séguret, Commented Dec 11, 2013 at 10:21
Long story short: you can't do it like this. Either you get the JSON with AJAX and you parse it with JSON.parse, or the remote host providing the JSON allows you to specify a consumer callback (google JSONP). — Jon
– Jon, Commented Dec 11, 2013 at 10:22
Actually It can use AJAX but data from real url has a lot info. So I have to manage it before display it and I don't want to show JSON's url in front site. Sorry for misunderstanding — crazyoxygen
– crazyoxygen, Commented Dec 11, 2013 at 10:26

Quentin · Accepted Answer · 2013-12-11 10:22:37Z

3

You are trying to load JSON as if it was a JavaScript script. It isn't, so you can't.

Normally you would use the XMLHttpRequest object for this type of job.

However, since you are ruled out Ajax (the process of using JavaScript to make HTTP requests), this isn't an option, so you would have to embed the data into the HTML when it initially loads.

answered Dec 11, 2013 at 10:22

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

4 Comments

Denys Séguret Over a year ago

But then, this would be "AJAX".

crazyoxygen Over a year ago

OK My api can send data via XML too. So I should go on XML ,right ?

Quentin Over a year ago

XML isn't JavaScript either, so changing data format to that wouldn't help.

Quentin Over a year ago

You can use XMLHttpRequest to fetch any kind of data. It only has XML in the name because the developers needed to persuade management to put it into the next release of the product and XML was a cool buzzword at the time.

Collectives™ on Stack Overflow

can't parse JSON from javascript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related