Apiye JS post yapamıyorum

30-01-2025, 17:11:31

Şirket eklendi: {"type":"https://tools.ietf.org/html/rfc7231#section-6.5.1","title":"One or more validation errors occurred.","status":400,"traceId":"|10491d7c-4a1e4d0982ff78c4.","errors":{"CompanyName":["The CompanyName field is required."]}}

Merhaba

Yapayzeka ile kodlama yapıyorum. Get işlemini yaptık ama post işlemi ile veri ekleyemiyorum. yukarıdaki hatayı alıyorum.
Postmande veri gönderilebilir.

html kodu aşağıdadır.Nasıl ilerleyebilirim

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Şirket Ekle</title>
</head>
<body>
    <h2>Şirket Ekle</h2>
    <form id="companyForm">
        <label for="companyName">Şirket Adı:</label>
        <input type="text" id="companyName" name="companyName" required>
        <button type="submit">Gönder</button>
    </form>

    <script>
        document.getElementById("companyForm").addEventListener("submit", function(event) {
            event.preventDefault(); // Sayfanın yeniden yüklenmesini önler

            const formData = new FormData();
            formData.append("CompanyName", document.getElementById("companyName").value);

            fetch("http://localhost:700/api/Project/AddCompanies", {
                method: "POST",
                body: formData // FormData olarak gönder
            })
            .then(response => response.text()) // API JSON değilse text olarak al
            .then(data => {
                alert("Şirket eklendi: " + data);
            })
            .catch(error => {
                console.error("Hata:", error);
                alert("Hata oluştu!");
            });
        });
    </script>
</body>
</html>

30-01-2025, 17:13:43

#2

cgrmetin

hocam hatayı direkt söylerdimde. yapay zeka insanları fazla hazırcılığa alıştırdı. ne yazdığını öğrenmeni öneririm. öğrendiğinde kendi kendine göreceksin zaten.
Yapay zeka ile yapılan şeye kodlama denmez. Kopyala yapıştır yaptım inşallah çalışır denir

30-01-2025, 17:16:02

#3

r10maina

cgrmetin adlı üyeden alıntı: mesajı görüntüle

hocam hatayı direkt söylerdimde. yapay zeka insanları fazla hazırcılığa alıştırdı. ne yazdığını öğrenmeni öneririm. öğrendiğinde kendi kendine göreceksin zaten.
Yapay zeka ile yapılan şeye kodlama denmez. Kopyala yapıştır yaptım inşallah çalışır denir

peki kabul ediyorum CP yapıyorum hocam
zaten devamında diğer alanları ben referans alarak ilerlemek istiyorum.
Malum birşeylere başlamak için adım atmaya çalışıyorum

30-01-2025, 17:20:13

#4

r10maina

Claude ile çözüm aldım

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Şirket Ekleme Formu</title>
</head>
<body>
    <!-- Basit Form -->
    <form id="companyForm">
        <label for="companyName">Şirket Adı:</label>
        <input type="text" id="companyName" name="companyName" required>
        <button type="submit">Gönder</button>
    </form>

    <!-- JavaScript ile POST isteği -->
    <script>
        document.getElementById('companyForm').addEventListener('submit', async function(e) {
            e.preventDefault();
            
            const companyName = document.getElementById('companyName').value;
            const url = `http://localhost:700/api/Project/AddCompanies?CompanyName=${encodeURIComponent(companyName)}`;

            try {
                const response = await fetch(url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                        // Eğer authorization gerekiyorsa:
                        // 'Authorization': 'Bearer your-token-here'
                    }
                });

                if (response.ok) {
                    const data = await response.json();
                    alert('Şirket başarıyla eklendi!');
                    console.log('Sunucu yanıtı:', data);
                } else {
                    alert('Bir hata oluştu!');
                }
            } catch (error) {
                console.error('Hata:', error);
                alert('Bağlantı hatası oluştu!');
            }
        });
    </script>
</body>
</html>