yakupist
Vue için böyle bir şey kullanabilirsiniz
<template>
<div>
<button @click="performAction">İşlemi Gerçekleştir</button>
<p v-if="successMessage">{{ successMessage }}</p>
<p v-if="errorMessage">{{ errorMessage }}</p>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
successMessage: '',
errorMessage: '',
};
},
methods: {
async performAction() {
try {
// Axios'u kullanarak backend'e istek gönderme
const response = await axios.post('URL_OF_YOUR_BACKEND_ENDPOINT', {
// İstek gövdesi (gerekirse)
// data: { key: 'value' }
});
// İstek başarılıysa
this.successMessage = response.data.message; // Örnek: Backend'den dönen bir başarı mesajı
this.errorMessage = '';
} catch (error) {
// İstek hatalıysa
this.successMessage = '';
this.errorMessage = 'Hata: ' + error.message;
}
},
},
};
</script>