JSON.stringify in jquery ajax

Question

I use document.write() for json. work in document.write(JSON.stringify({name:'jason',surname:'etc'})); outside the ajax, but not work in .done(). I tried remove dataType:'json' but not work.

$.ajax({
    url: "http://api.wunderground.com/api/24b969202160514e/geolookup/conditions/q/Turkey/zmw:00000.58.17352.json",
    dataType:'json'
})
.done(function(data) {
    console.log("success",data);
    document.write(JSON.stringify(data));
    //document.write(data);
})
.fail(function(data) {
    console.log("error",data);
})
.always(function() {
    console.log("complete");
});

w3schools.com/jsref/met_doc_write.asp I think probably you cant use document.write after document ready. You can use jquery to modify or append the content to some element in your page. — Surely
– Surely, Commented Oct 8, 2017 at 12:20
@prasanth i try but not work. actually code is work, but i want write the raw json on the page. it write in html>body. but it write raw json outside success or done function. how to write raw json on the page. without html>body. — Orhan Gazi
– Orhan Gazi, Commented Oct 8, 2017 at 13:09
Use some element with print as a text. $('some element').text(yourjsonstring) — prasanth
– prasanth, Commented Oct 8, 2017 at 13:16

Frederik Hansen · Accepted Answer · 2017-10-08 11:58:22Z

1

Why don't you use jQuery's getJSON?

$.getJSON('https://api.wunderground.com/api/24b969202160514e/geolookup/conditions/q/Turkey/zmw:00000.58.17352.json')
.done(function(data) {
    console.log("success",data);
    document.write(JSON.stringify(data));
    //document.write(data);
})

answered Oct 8, 2017 at 11:58

Frederik Hansen

5064 silver badges21 bronze badges

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

1 Comment

Orhan Gazi Over a year ago

actually code is work, but i want write the raw json on the page. it write in html>body. but it write raw json outside success or done function.

dcodesmith · Accepted Answer · 2017-10-08 11:59:51Z

1

If you check your browsers console, you should see the following error ...

jquery-git.js:9648 Mixed Content: The page at 'https://jsfiddle.net/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.wunderground.com/api/24b969202160514e/geolookup/conditions/q/Turkey/zmw:00000.58.17352.json'. This request has been blocked; the content must be served over HTTPS.

Change your url to protocol from http to https.

https://api.wunderground.com/api/24b969202160514e/geolookup/conditions/q/Turkey/zmw:00000.58.17352.json

That should work.

Working Demo

edited Oct 8, 2017 at 11:59

answered Oct 8, 2017 at 11:40

dcodesmith

9,6244 gold badges38 silver badges40 bronze badges

2 Comments

Orhan Gazi Over a year ago

I can't get any error in console. I change http to https but not work.

dcodesmith Over a year ago

@bukalemun, check the link

Collectives™ on Stack Overflow

JSON.stringify in jquery ajax

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related