SEO продвижение сайтов

Примеры AJAX

Примеры кода:

<div id="welcome">Сюда результат</div>

<script>
window.addEventListener("load",function()
{
    var request=new XMLHttpRequest();//Экземпляр объекта XHR

    var params, id=22, name='Гена';//POST данные
    params="id="+id+"&name="+name; //POST запрос

    request.open('POST','processing.php',true);//POST-запрос к php-файлу, true-асинхронный, false-синхронный

    //В заголовке говорим что тип передаваемых данных закодирован.
    request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    request.addEventListener('readystatechange', function() 
    {
        if ((request.readyState==4) && (request.status==200))//Статус 4-ответ пришёл, 200-ОК!
        {
            var welcome=document.getElementById('welcome');  //Элемент c id = welcome
            welcome.innerHTML=request.responseText;          //Вставить ответ сервера сюда
        }
    });

    request.send(params);
});
</script>

А в processing.php пишем:

<?php
$output="Здравствуйте, Геннадий!<br>";
if ($_SERVER['REMOTE_ADDR'])
{
	$output .= 'Ваш IP адрес: '. $_SERVER['REMOTE_ADDR']."<br>";
	$output .= 'ID: '. $_POST['id']."<br>";
	$output .= 'ИМЯ: '. $_POST['name']."<br>";
	$output .= 'ВРЕМЯ: '. date('d.m.y H:i.s')."<br>";
}
else 
	$output .= 'Ваш IP адрес неизвестен.<br>';

echo $output;
?>

С использованием jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<button id="kn">Кнопка</button>
<div id="welcome">Сюда результат</div>

<script>
//Клик и запуск AJAX
$('button#kn').click(function(){
    $(this).text('Нажал кнопку');
    ajax_post('processing.php','id=55&name=Гена',$('#welcome'))
});

//AJAX
function ajax_post(url,post,kuda) // что кликнули, url,post, куда вставить
{
    $.ajax({
        type: 'POST',
        url: url,
        data: post,
        timeout: 4000, // Ждем сек.
        success: function(data) { // Удачно
            kuda.html(data);
        },
        error: function(){ // НЕудачно
            kuda.html('НЕТ данных!');
        }
    });
}
</script>

Автор: Алехин Геннадий (29.01.2020)

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


Защитный код
Обновить

Web-технологии

Событие в JavaScript

Событие в JavaScript - это определённое действие, которые вызвано либо пользователем, либо браузером.

Например:

События мыши:

  • click – происходит, когда кликнули на элемент левой кнопкой мыши (на устройствах с сенсорными экранами оно происходит при касании).
  • contextmenu – происходит, когда кликнули на элемент правой кнопкой мыши.
  • mouseover / mouseout – когда мышь наводится на / покидает элемент.
  • mousedown / mouseup – когда нажали / отжали кнопку мыши на элементе.
  • mousemove – при движении мыши.

События на элементах управления:

  • submit – пользователь отправил форму
  • focus – пользователь фокусируется на элементе, например нажимает на <input type="text" />.
Подробнее...

Универсальный обход по массиву

Предлагаю вашему вниманию PHP-код - универсальный обходчик любого массива с любым представлением. Используем две функции: 1) функция с циклом (метод ArrFor() в классе) и 2) функция (как аргумент) с оформлением результатов обхода по массиву в цикле.

Подробнее...

JavaScript - основы (ES6)

ECMAScript 6 (или ES6) - это новая версия JavaScript 2015г, в которую добавлен новый функционал, которая на сегодня поддерживается всеми современными браузерами.

Переменные и комментарии

JavaScript - не строго типизированный язык. Переменные обозначаются так:

	let name='Геннадий'//Строка
	console.log(name)  //Геннадий - отображается в консоли

	var age=40      //Число(без кавычек) VAR (глобальная) - устарело, не использовать!
	console.log(age)//40 - отображается в консоли

	const prof="Программист"//Это константа
	console.log(prof)//Программист - отображается в консоли

	// - это однострочный комментарий

	/*
		тут 
		многострочные 
		комментарии
	*/

Подробнее...
Интересные статьи

Почему мужчинам опасно регистрировать брак в России

Почему мужчинам опасно регистрировать брак в России

Сразу хочу сообщить, что я не оголтелый женоненавистник или противник семейных ценностей. Я как раз наоборот - замечательно и с почтением отношусь к прекрасным дамам и являюсь сторонником традиционных семейных ценностей.

Но при этом категорически настаиваю, что официально регистрировать брак в нашей стране для мужчин катастрофически опасно и вот почему...

Подробнее...

День Победы со слезами на глазах...

День Победы со слезами на глазах...

Дорогие друзья, вот и прошёл пожалуй самый светлый праздник для нашей страны, для нашего народа - ДЕНЬ ПОБЕДЫ - 9 мая.

Но, как именно прошёл праздник 75-летия ПОБЕДЫ в этом году, я хочу напомнить сегодня, спустя 4 дня от празднования исторической даты.

У меня такое ощущение, как будто никто не заметил, что ПОЛИЦАИ по всей стране в этот день задерживали, арестовывали и штрафовали именно за память о Победе, за возложение цветов к памятникам нашим павшим героям.

Подробнее...

Стишки-депрессяшки

Стишки-депрессяшки

У меня нет попы

у меня нет тить

я должна работать

чтобы как то жить

©

В камасутре много

интересных поз

жаль у нас с женою

остеохондроз

©

Надо же приснится

всякая херня

прямо на работе

среди бела дня

Подробнее...

Оставить заявку

Закрыть
Заполните фрму и отправьте нам заяку
Заполните все обязательные поля*
captcha
Перезагрузить