0

Всем привет. Наткнулся на такую проблему. Нужно, чтобы при нажатии на кнопку, она меняла свой текст на число нажатий на неё. То есть допустим на кнопке написано "Нажми меня", нажали один раз, на кнопке "1", еще раз - "2" и т.д. Это нужно сделать с помощью аякса, чтобы страница не перезагружалась. Помогите пожалуйста с этой задачей.

7
  • а зачем ajax? можно и чистым javascript
    – mountpoint
    20 ноя 2013 в 20:36
  • Нужно именно Ajax по заданию
    – slavqache
    20 ноя 2013 в 20:37
  • @slavqache, странные у вас задания. Тогда это еще нужно серверный обработчик писать. На чистом js вот так jsfiddle.net/LS3Ff
    – mountpoint
    20 ноя 2013 в 20:41
  • Просто нужно будет потом прицепить это так, что при нажатии кнопки N раз, мы получаем в корзине N экземпляров товара, которому принадлежит кнопка.
    – slavqache
    20 ноя 2013 в 20:44
  • 1
    @slavqache, вы искали в интернете материалы как делать корзину на ajax-e ?
    – mountpoint
    20 ноя 2013 в 20:56

1 ответ 1

1

Я так понял, что вам на чистом JS надо? Тогда как-то так:

var xhr
,   button = document.getElementById('button'); // кнопка

button.onclick = function(){
    // создаем объект XMLHttpRequest
    if (window.XMLHttpRequest){// нормальные браузеры
        xhr=new XMLHttpRequest();
    } else {// IE6, IE5  - ну, мало ли ))
        xhr=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xhr.open('POST','/path/to/handler.php',true); // метод передачи данных, путь и асинхронность (true/false)
    xhr.send('data1=Val1&data2=Val2'); // передаваемые значения
    xhr.onreadystatechange=function(){
        // если всё гуд
        if (xhr.readyState==4 && xhr.status==200){
            // в ответе - инкрементирование значение
            button.innerHTML = 'Кликнули ' + xhr.responseText + ' раз';
        }
    }
}

(!*) Если это учебное задание, то как бы всё понятно. А вообще, все эти операции лишние для таких задач, которые вы описали, но об этом вам как бы уже в комментариях сказали. Просто, чтоб вы учитывали это на будущее для реальных проектов

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.