есть страничка с кодом
CODE (text):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Untitled Document</title>
- <script type="text/javascript">
- function getXmlHttp(){
- var xmlhttp;
- try {
- xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
- } catch (e) {
- try {
- xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
- } catch (E) {
- xmlhttp = false;
- }
- }
- if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
- xmlhttp = new XMLHttpRequest();
- }
- return xmlhttp;
- }
- function getXmlHttp() {
- var xmlhttp;
- try {
- xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
- } catch (e) {
- try {
- xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
- } catch (E) {
- xmlhttp = false;
- }
- }
- if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
- xmlhttp = new XMLHttpRequest();
- }
- return xmlhttp;
- }
- // javascript-код голосования из примера
- function vote() {
- // создать объект для запроса к серверу, функция getXmlHttp будет дана ниже
- var req = getXmlHttp()
- req.open('GET', 'http://localhost/ajax.php', true); // задать адрес подключения
- // span рядом с кнопкой
- // в нем будем отображать ход выполнения
- var statusElem = document.getElementById('vote_status')
- req.onreadystatechange = function() { // onreadystatechange активируется при получении ответа сервера
- if (req.readyState == 4) { // если запрос закончил выполняться
- statusElem.innerHTML = req.statusText // показать статус (Not Found, ОК..)
- if(req.status == 200) { // если статус 200 (ОК) - выдать ответ пользователю
- statusElem.innerHTML= req.responseText;
- }
- // тут можно добавить else с обработкой ошибок запроса
- }
- }
- // объект запроса подготовлен: указан адрес и создана функция onreadystatechange
- // для обработки ответа сервера
- req.send(null); // отослать запрос
- statusElem.innerHTML = 'Ожидаю ответа сервера...'
- }
- </script>
- </head>
- <body>
- <p><input value="Голосовать!" style="font-size: 1.2em" onclick="vote()" type="button" /></p>
- <div id="vote_status">вотестатус</div>
- </body>
- </html>