example to write json data by jquery with html text

Question

I am beginner in programming, I want someone to give me an example to show me how to write JSON data with HTML text

<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    </head>
    <body>
        <h1>antar<h2>
        <script>
            $.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) {
                document.open();    
                document.write('Latitude: ' + data.latitude + '\nLongitude: ' + data.longitude + '\nCountry: ' + data.address.country);
                document.close();
            });
        </script>
    </body>
</html>

<?php echo json_encode(array('test'=>'text1','test2'=>'text2'))?>...this will print the array in json.. — bipen
– bipen, Commented Dec 31, 2012 at 10:21

Felice Pollano · Accepted Answer · 2012-12-31 10:31:37Z

5

You can add in your html something like:

 <h2 id='lat'></h2>
    <h2 id='long'></h2>
    <h2 id='country'></h2>

and then refactor your script as:

$(document).ready(function(){

$.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) {

  $("#lat").text(data.latitude);  
  $("#long").text(data.longitude);  
  $("#country").text(data.country);      

});
 });

Here a working example you can play with.

answered Dec 31, 2012 at 10:31

Felice Pollano

33.4k10 gold badges77 silver badges126 bronze badges

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

7 Comments

Álvaro González Over a year ago

Given the OP's previous question I'm pretty sure this is the answer he's looking for.

Felice Pollano Over a year ago

@user1939335 It's just an idea/example: jQuery is a DOM manipulation library, you can even use other strategy and leverage jQuery too, dig in some doc examples to see how.

Europeangoldfinch Over a year ago

is all the same what about this json for example api.wunderground.com/api/102376e7c0e1c995/geolookup/conditions/…

Felice Pollano Over a year ago

the last example is just more complex, since you have array and you probably want to iterate them: se jQuery.each() function. You probably want to add them in a table

Europeangoldfinch Over a year ago

|

Netorica · Accepted Answer · 2012-12-31 10:22:00Z

0

use JSON.stringify and inject it on any DOM element example with a div with ID mydiv

var a = JSON.stringify(myJSON);

document.getElementById('mydiv').innerHTML(a);

Reference:

https://github.com/douglascrockford/JSON-js

answered Dec 31, 2012 at 10:22

Netorica

19.5k19 gold badges78 silver badges109 bronze badges

Collectives™ on Stack Overflow

example to write json data by jquery with html text

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related