a todos, Gracias por ver mi pregunta, espero puedan ayudarme. es lo siguiente..
Tengo el siguiente codigo.
en html
<div id="summary"></div>
En Js tengo
function callurl() {
$.ajax({
url: 'https://jsonplaceholder.typicode.com/posts',
type: "GET",
dataType: "json",
success: function (msg) {
JsonpCallback(msg);
},
error: function () {
ErrorFunction();
}
});
}
function JsonpCallback(json) {
document.getElementById('summary').innerHTML = json.title;
}
callurl();
Necesito estructurar el json, de la siguiente forma en el html.
Con id en cada variable. un ejemplo seria
<h4>Post ID:<span id="postid"></span></h4>
<h1>Titulo:<span id="titulo"></span></h1>
<h5>Contenido: <span id="contenido"></span></h5>
Alguien puede ayudarme.
Tengo algunas pruebas en https://jsfiddle.net/kw8ztdw6/4/
ACTUALIZACION Gracias a @jorius
Hice la actualizacion perfectamente en https://jsfiddle.net/kw8ztdw6/12/
Ahora lo que me pregunto, como puedo que
si tengo json de la siguiente forma..
{
"orders":[
{
"id":12535,
"order_number":12535,
"created_at":"2017-03-26T18:10:00Z",
"updated_at":"2017-03-27T07:25:49Z",
"completed_at":"2017-03-27T07:25:49Z",
"status":"processing",
"currency":"BHD",
"total":"30.00",
"subtotal":"30.00",
"total_line_items_quantity":1,
"total_tax":"0.00",
"total_shipping":"0.00",
"cart_tax":"0.00",
"shipping_tax":"0.00",
"total_discount":"0.00",
"shipping_methods":"",
"payment_details":{
"method_id":"credimax",
"method_title":"Visa \/ Master Card",
"paid":true
}
},
{
"id":33333,
"order_number":33333,
"created_at":"2017-03-26T18:10:00Z",
"updated_at":"2017-03-27T07:25:49Z",
"completed_at":"2017-03-27T07:25:49Z",
"status":"processing",
"currency":"BHD",
"total":"10.00",
"subtotal":"10.00",
"total_line_items_quantity":1,
"total_tax":"0.00",
"total_shipping":"0.00",
"cart_tax":"0.00",
"shipping_tax":"0.00",
"total_discount":"0.00",
"shipping_methods":"",
"payment_details":{
"method_id":"credimax",
"method_title":"Visa \/ Master Card",
"paid":true
}
},
]
}
como puedo, mostrar
<h5>Order numero: <span id="order_number"></span></h5>
<h5>Fecha: <span id="created_at"></span></h5>
de todos...