Мне нужна помощь с помощью кнопки onClick .
<button type="button" id="1" onclick="this.disabled=true; ^FUNCTION TO UPDATE^"> <button type="button" id="2" onclick="this.disabled=true; ^FUNCTION TO UPDATE^"> <button type="button" id="3" onclick="this.disabled=true; ^FUNCTION TO UPDATE^">
С помощью этого кода я отключу кнопку, которая была нажата, но мне также нужно обновить информацию в базе данных, отправляющей идентификатор, примерно так:
UPDATE reservation SET status='approved' WHERE id=^ID OF THE CLICKED BUTTON^
Мне нужно, чтобы он загружался на ту же страницу, не отправляя ее с помощью POST или GET .
Используйте для этого вызов ajax, например:
$.get('update_reservation.php', {id: 1});
см. http://api.jquery.com/jQuery.get/ для получения дополнительной информации.
С помощью простого javascript вы можете сделать что-то вроде этого:
<script type="text/javascript"> <!-- var page = "dbupdate.php"; // hardcode this elsewhere out of sight function update(target,data){ document.getElementById(target).innerHTML = 'sending...'; if (window.XMLHttpRequest) { req = new XMLHttpRequest(); req.onreadystatechange = function() {ajaxDone(target);}; req.open("POST", page, true); req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); req.send("data=" + data ); // IE/Windows ActiveX version } else if (window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); if (req) { req.onreadystatechange = function() {ajaxDone(target);}; req.open("POST", page, true); req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); req.send("data=" + data ); } } } function ajaxDone(target) { // only if req is "loaded" if (req.readyState == 4) { // only if "OK" if (req.status == 200 || req.status == 304) { results = req.responseText; document.getElementById(target).innerHTML = results; } else { document.getElementById(target).innerHTML="ajax error:\n" + req.statusText; } } } // --> </script>
Для вывода убедитесь, что у вас есть div с идентификатором, равным цели.