ajax post minik bir problem

20-10-2021, 23:07:21

Kimlik doğrulama veya yönetimden onay bekliyor.

merhaba abiler arkadaşlar, ajax post işlemi yapıyorum çalışıyor fakat butona 2 sefer bastığımda işliyor bu hata nedir ne değildir internette araştırmama rağmen saatlerdir çözüm bulamadım

                <form  action="javascript:void(0);"  id="formid">
                <div id="sonucyaz"> afsasfasf</div>
                <label>Görev Tanıtımı : </label>
                <input name="gorev" type="text" class="form-control">
                <label>Görev Açıklaması : </label>
                </select>
                <input class="button submit" onclick="kayitol();" type="submit" value="Kaydet" />
                </form>

<script type="text/javascript">
function kayitol(){
var veriler = $('#formid').serialize();
$.ajax({
type: "POST",
url: "ajax/gorevekle.php",
data: veriler,
success:function(cevap){
$("#sonucyaz").html(""+cevap);
}
})};
</script>

dediğim gibi ilk bastığımda hata sonraki bastığımda işlemleri yapıyor

20-10-2021, 23:17:04

#2

gurbuzemre

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

merhaba abiler arkadaşlar, ajax post işlemi yapıyorum çalışıyor fakat butona 2 sefer bastığımda işliyor bu hata nedir ne değildir internette araştırmama rağmen saatlerdir çözüm bulamadım

                <form  action="javascript:void(0);"  id="formid">
                <div id="sonucyaz"> afsasfasf</div>
                <label>Görev Tanıtımı : </label>
                <input name="gorev" type="text" class="form-control">
                <label>Görev Açıklaması : </label>
                </select>
                <input class="button submit" onclick="kayitol();" type="submit" value="Kaydet" />
                </form>

<script type="text/javascript">
function kayitol(){
var veriler = $('#formid').serialize();
$.ajax({
type: "POST",
url: "ajax/gorevekle.php",
data: veriler,
success:function(cevap){
$("#sonucyaz").html(""+cevap);
}
})};
</script>

dediğim gibi ilk bastığımda hata sonraki bastığımda işlemleri yapıyor

Merhaba sanırım form actiona yazdığın şey hiçbir şey yapma demek anlamına geliyor ilk yazdığında hiçbir şey yapmıyor olabilir onun yerine ajax yaptığın için formda action kısmını boş bırakabilirsin.İlk önce onu dene olmazsa benim her zaman kullandığım yöntemi söyleyebilirim sana.
Butona bir class ver örneğin btnKaydet diye bir class ver.
Daha sonra

$.('btnClass').click(function(){
Buraya da yaptıracağın işlemleri yazabilirsin})

20-10-2021, 23:20:09

#3

QuarkChain

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <form action="" id="formid">
            <div id="sonucyaz"></div>
            <label>Görev Tanıtımı:</label>
            <input name="gorev" type="text" class="form-control">
            <label>Görev Açıklaması:</label>
        </select>
        <input class="button submit" type="submit" value="Kaydet" />
    </form>
    <script type="text/javascript">
        $(function(){
            $(".submit").click(function(event) {
                event.preventDefault();

                if ( ! $(this).hasClass("xhr")) {
                    $.ajax({
                        type: "POST",
                        url: "ajax/gorevekle.php",
                        data: $("#formid").serialize(),
                        success: function(cevap) {
                            if (cevap) {
                                $("#sonucyaz").html(cevap);
                            } else {
                                $(".submit").removeClass("xhr");
                            }
                        }
                    });
                    $(this).addClass("xhr");
                }
            });
        });
    </script>
</body>
</html>