Преобразование массива JSON в массив Javascript
Привет. Я получил свой результат в JSON... Теперь мне нужно преобразовать эти данные в javascript..
Как написать код в javascript?
Я должен отображать изображения в браузере. Это возможно только путем написания кода в javascript.
Помогите мне..
Мой выход JSON...
[{"0":"101","member_id":"101","1":"3k.png","image_nm":"3k.png","2":"\/images\/phones\/","image_path":"\/images\/phones\/"},
{"0":"102","member_id":"102","1":"mirchi.png","image_nm":"mirchi.png","2":"images\/phones\/","image_path":"images\/phones\/"},
{"0":"103","member_id":"103","1":"masti.png","image_nm":"masti.png","2":"images\/phones\/","image_path":"images\/phones\/"}]
Ответы
Ответ 1
hai я получил свой вывод в JSON... теперь мне нужно преобразовать эти данные в Javascript..
Используйте JSON.parse()
функцию, чтобы преобразовать ее в объект JS.
var obj = JSON.parse(yourJsonString);
И теперь вы можете использовать цикл for-in
для итерации по каждому из своих элементов:
for (var x in obj){
if (obj.hasOwnProperty(x)){
// your code
}
}
Ответ 2
вы должны использовать его как объект, который поддерживает все ключевые функции массива
Ответ 3
Если вы используете jQuery, вы можете использовать
var object = $.parseJSON(jsonstring);
Или добавьте эту библиотеку https://raw.github.com/douglascrockford/JSON-js/master/json2.js и дайте
var object = JSON.parse(jsonstring);
Ответ 4
Как говорит Сарфраз,
var jsonString = '[{"0":"101","member_id":"101","1":"3k.png","image_nm":"3k.png","2":"\/images\/phones\/","image_path":"\/images\/phones\/"},{"0":"102","member_id":"102","1":"mirchi.png","image_nm":"mirchi.png","2":"images\/phones\/","image_path":"images\/phones\/"},{"0":"103","member_id":"103","1":"masti.png","image_nm":"masti.png","2":"images\/phones\/","image_path":"images\/phones\/"}]';
var obj = JSON.parse(jsonString);
// obj now contains the array!
EDIT: для отображения изображений:
for (var i = 0, len = obj.length; i < len; i++){
var img = new Image();
img.setAttribute("src",obj[i][2] + obj[i][1]);
document.body.appendChild(img);
}