/ Scripts & jquery / Json Начало

Json Начало

HIT

21.02.2016

2416

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>

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

Загрузка…

Кодировка в JSON и наоборот

$geocode = json_encode('385020, г. Майкоп, ул. Пионерская, д.374, офис 2'); // преобразовать в json
json_decode($geocode, JSON_UNESCAPED_UNICODE); // преобразовать из json
[site-socialshare]
  • Похожие записи
  • Комментарии
  • Вложения
Загрузка контента без перезагрузки

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

Подгрузка контента средствами 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"> Идет Читать далее »

Отложенная загрузка изображений

Отложенная загрузка изображений

Если на странице есть несколько изображений или есть изображения дублирующиеся на всех страницах (header, footer), то чтобы ускорить общую загрузку сайта, можно установить для изображений отложенную загрузку. Изображение будет появляться Читать далее »

Подгрузка постов «налету» II: Кнопка

Подгрузка постов «налету» II: Кнопка

Данный вариант подгрузки постов «налету» является альтернативой подгрузке постов при скроллинге. Только в данном методе посты будут подгружаться по нажатию на кнопку. Также учтены некоторые особенности шаблона данного сайта высота Читать далее »

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

Notice: Функция WP_Styles::add вызвана неправильно. Стиль с дескриптором "editor-buttons" был поставлен в очередь с незарегистрированными зависимостями: dashicons. Дополнительную информацию можно найти на странице «Отладка в WordPress». (Это сообщение было добавлено в версии 6.9.1.) in /home/t/tiberi6w/opttour.ru/public_html/wp-includes/functions.php on line 6260

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

Json Начало
Символы HTML
Рекомендации для васСимволы HTMLOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.