[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Использовать строку JSON
savelikan
Привет всем. Начинаю осваивать JQUERY.
Хочу создать галлерею...
ВОт,...
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
<script
src="jquery-1.7.1.min.js"></script>
</head>

<script
type=text/javascript>
$(document).ready(function(){$("#load1").click(function(){
$("#response").load("1.php", { 'choices[]': ["Jon", "Susan"] },function(text){alert(text);});
});
$("#load2").click(function(){
$("#response").load("1.php #hello2");
});
});
</script>

<body>
<button
id="load1">Нажмите</button>
<button
id="load2">Нажмите</button>
<div
id="response">Jquery примеры<div>
</body>
</html>


1.php
<?php 
header('Content-Type: text/html; charset=utf-8;');
$arr = array ("img"=>"img/22.jpg","text"=>"about");
echo json_encode($arr);
//echo '<p id="hello2">hello2</p>';
?>


Получаю строку json "{"img":"img\/22.jpg","text":"about"}".. Как добавить в <div id="response"> такое:
<div id="img"><IMG SRC='IMG с строки'></div>
<div
id="text">TEXT с строки</div>

???



Спустя 6 минут, 27 секунд (12.02.2012 - 12:17) Гость_Michael написал(а):
Используй не load, а getJSON
И в обработчике, добавь логирование
$.getJSON('ajax/test.json', function(data) {
console.log(data); // вот это

- и в мозилле в фаербаге увидишь что за данные доступны и поймешь как с ними работать.

Спустя 12 минут, 58 секунд (12.02.2012 - 12:30) savelikan написал(а):
Цитата (Гость_Michael @ 12.02.2012 - 11:17)
Используй не load, а getJSON
И в обработчике, добавь логирование
$.getJSON('ajax/test.json', function(data) {
console.log(data); // вот это

- и в мозилле в фаербаге увидишь что за данные доступны и поймешь как с ними работать.

А чё мне это даст? Мне нужно както использовать полученую строку... тоесть получить переменную типа text['img'] или text['text'] чтоб потом использовать....

Спустя 9 минут, 33 секунды (12.02.2012 - 12:40) nugle написал(а):
эту строку
{"img":"img\/22.jpg","text":"about"}
разбиваешь. Вот так
data = data.split('{');
data = data[1].split('}');
data = data[0].split(':');
alert(data);

У тебя образуется массив с четырьмя значениями в алерте они выведутся через запятую

Спустя 4 часа, 27 минут, 44 секунды (12.02.2012 - 17:08) Гость_Michael написал(а):
Цитата (nugle)
эту строку
{"img":"img\/22.jpg","text":"about"}
разбиваешь. Вот так

laugh.gif
Цитата (savelikan)
А чё мне это даст

ты не размышляй, ты делай wink.gif


_____________
Одесса - мой город!)))
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.