Отображение мой JSON в HTML

Это мои JSon массивы:Отображение мой JSON в HTML

{"0":"1","id":"1","1":"2015-01-11 12:30:45","DateTimeCreated":"2015-01-11 12:30:45","2":"Pending Confirmation","status_desc":"Pending Confirmation","3":"benjiwjh","username":"benjiwjh"} 

{"0":"4","id":"4","1":"2015-02-11 09:09:09","DateTimeCreated":"2015-02-11 09:09:09","2":"Pending Confirmation","status_desc":"Pending Confirmation","3":"LSH","username":"LSH"} 

{"0":"7","id":"7","1":"2015-12-03 18:30:00","DateTimeCreated":"2015-12-03 18:30:00","2":"Unresolved","status_desc":"Unresolved","3":"SWJH","username":"SWJH"} 

{"0":"12","id":"12","1":"2014-12-03 12:10:30","DateTimeCreated":"2014-12-03 12:10:30","2":"Resolved","status_desc":"Resolved","3":"benjiwjh","username":"benjiwjh"} 

{"0":"14","id":"14","1":"2014-12-03 12:10:30","DateTimeCreated":"2014-12-03 12:10:30","2":"Resolved","status_desc":"Resolved","3":"CYJM","username":"CYJM"}

Как я должен использовать их, чтобы показать свой код в HTML-файл?

У меня есть функция, чтобы показать данные, но он не работает:

function showData(response) { 

     var data = JSON.parse(response); 

     var id = data.id; 
     var DateTimeCreated = data.DateTimeCreated; 
     var status_desc = data.status_desc; 
     var username = data.username; 


     myText.textContent= id + DateTimeCreated + status_desc + username; 
}

источник

2015-12-28 Sihui

данных является массивом, но то, что вы показываете пока вы к нему доступ как если бы это был единственный объект. – Bindrid

Я думаю, что вы должны иметь ДИВ тег в шаблоне HTML.

Например, в шаблоне HTML, должен быть объем кодов:

<div id="sometext"> 
</div>

И в вашем JS скрипт,

var textContent = id + DateTimeCreated + status_desc + username 
sometext = document.getElementById("sometext"); 
sometext.innerHTML(textContent);

Для получения дополнительной информации, пожалуйста, посетите http://www.w3schools.com/js/js_output.asp

Надеюсь было бы полезно

источник

2015-12-28 20:17:14 dotslash

Основываясь на вопросе, я не полностью если вы используете функцию showData. Тем не менее, вот jsfiddle, который показывает, что он работает: https://jsfiddle.net/qyy2nvtz/1/

<p id='hello'></p> 
var myText = document.getElementById('hello');

Вы должны получить элемент, прежде чем можно отобразить что-то в нем. Итак, я инициализировал 'myText' элементом абзаца с id 'hello'.

Кроме того, убедитесь, что ответ, передаваемый в showData, представляет собой строку перед ее анализом. Если это уже объект, то он не будет разбираться.

источник

2015-12-28 20:22:47

Здесь вы пример, вам нужен Div элемент для обозначения как «JS»:

<!DOCTYPE html> 
<html> 
<head> 
<title>Example</title> 
</head> 
<body> 
    <div id="js"> 
    </div> 
</body> 
<script type="text/javascript"> 
    var myText= document.getElementById("js"); 
    var data = JSON.parse(response); 
    var id = data.id; 
    var DateTimeCreated = data.DateTimeCreated; 
    var status_desc = data.status_desc; 
    var username = data.username; 
    myText.textContent = id + DateTimeCreated + status_desc +username; 
</script> 
</html>

Дальнейшее чтение: http://www.w3schools.com/dom/prop_element_textcontent.asp

источник

2015-12-28 20:26:59

Отображение мой JSON в HTML

ответ

Смежные вопросы