Json Начало

21.02.2016

970

JSON (JavaScript Object Notation) — это текстовый протокол обмена данными, чем-то похожий на более привычный XML, но данные записываются в нем более компактно. Изначально он был разработан для нужд JavaScript (отсюда и получил свое название), но в данное время используется более широко.

Простой пример работы:

Создаем файл json.php с содержимым

<? 
header('Content-Type: application/x-javascript; charset=utf8'); 
$n = array("Min" => date("i"), "Sec" => date("s"));
echo json_encode($n);
?>

Далее создаем тестовый полигон

<div id="info">Загрузка...</div>
<script>
function json_example()
{
$.getJSON('site.ru/json.php', function(data) {
s = "";
$.each(data, function(key, val) {
s = s + key+' => ' + val + '<br/>'
});
$("#info").html(s);
});
}
setInterval(json_example, 1000);
</script>

Пример вживую

Загрузка…

Тэги:

Поделится информацией с друзьями

  • Похожие записи
  • Комментарии
  • Вложения
Загрузка JavaScript динамически

Загрузка JavaScript динамически

Иногда требуется подгрузить скрипт на лету, в этом поможет технология Ajax. Обычный скрипт JavaScript динамически Создаем файл скрипта script-dinamic.js с содержимым // случайное число от 1 до 100 var rnd Читать далее »

Подгрузка постов «налету» I: Скроллинг

Подгрузка постов «налету» I: Скроллинг

Добавляем на сайт функционал подгрузки постов «налету». Данная технология применяется в соц. сетях, а также крупных интернет-магазинах. В funсtion.php // Добавляем подгрузку постов function true_loadmore_scripts() { wp_enqueue_script('jquery'); // скорее всего Читать далее »

Загрузка контента без перезагрузки

Загрузка контента без перезагрузки

Подгрузка контента средствами Ajax Создаем тестовую верстку <p>Какую страницу желаете открыть?</p> <form> <input onclick="showContent('https://opttour.ru/main-rublik/sites/fotofit/')" type="button" value="Страница 1"> <input onclick="showContent('https://opttour.ru/main-rublik/sites/dtex/')" type="button" value="Страница 2"> </form> <div id="contentBody"></div> <div id="loading" style="display: none"> Идет Читать далее »

Добавить комментарий

Пока нет комментариев. Будь первым!

Json Начало
Галерея изображений товара в категории
Рекомендации для васГалерея изображений товара в категорииOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.