как запустить действие php и код JavaScript на одной кнопке

<div id="askfriend">
<form action="friend.php" method="post">
<input type="submit" id="requestbutton" name="requestbutton2" value="Send Friend Request" style="margin-top:5%; margin-left:10%; height:50%;" onclick="change()"/>
<input type="submit" id="cancelbutton" name="cancelbutton2" value="Cancel" disabled style="margin-top:5%; margin-left:10%; height:50%; width:30%;" onclick="changeback()"/>
</form>
<?php
if(isset($_POST['requestbutton2']))
{
echo "clicked";
}
?>
</div>

<script>
function change()
{
var elem=document.getElementById("requestbutton");
var elem2=document.getElementById("cancelbutton");
if(elem.value=="Send Friend Request")
{
elem.value="Friend Request Send";
elem.disabled=true;
elem2.disabled=false;
}
}
function changeback()
{
var elem=document.getElementById("requestbutton");
var elem2=document.getElementById("cancelbutton");
if(elem2.value=="Cancel")
{
elem2.disabled=true;
elem.value="Send Friend Request";
elem.disabled=false;
}
}
</script>

когда я нажимаю кнопку «Отправить запрос на добавление в друзья», запускается код javascript, но код действия, который я написал внутри php, для той же кнопки не запускается.
Какое решение?

2

Решение

Вам нужно использовать AJAX.
Поэтому, когда вы нажимаете на кнопку, JavaScript отправит HTTP-запрос к вашему бэкэнду.

$("your_element_id").click(function(){
$.ajax({
type: "POST",
url: url,
data: data,
success: success,
dataType: dataType
});
});

Используйте jQuery или что-то в этом роде. Вот хорошее руководство.

1

Другие решения

$("your_element_id").click(function(){
$.ajax({
type: "POST",
url: url,
data: data,
success: success,
dataType: dataType
});
});

Используйте jQuery или что-то в этом роде. Вот хорошее руководство.

0