0
Kayıt Ol

Ajaxtan anlayan var mı?

5

●

143

  • 18-09-2019, 01:31:33
    #1
    xozkanbey
    xozkanbey
    Üyeliği durduruldu
    Merhaba
    https://paste.ofcode.org/35X6dRZYHQkxM4w9sFsW2eS böyle bir kodum mevcut. Ne kadar bilgi bulup denediysemde çözemedim. echo yazdırılıyor ama onun hemen altına form oluşturuyor. Ne yapmam lazım? e.preventDefault(); bir şeye yaramadı
  • 18-09-2019, 01:39:26
    #2
    asiminnesli
    asiminnesli
    ben mi yanlis biliyorum ama bircok garip durum var kodda<form id="userForm" action="javascript:void(0);">burdaki action a ne gerek var ki?
    e.preventDefault(); // Formu sayfa üzerinde gönderbu istediginiz isi yapmaz ki bu kodun amaci tarayica default yapilan aksiyon yerine bunu yapmasini saglamaktir.
    Yani sizin kodunuz icin durum da form submit edilmesin ajax calissin seklindedir.
    Ayrica ajax ile islem yaptiginiz da site ye data arkaplanda gider isteginiz yapilir ama sizin sayfaniz yenilenmez.
  • 18-09-2019, 01:41:31
    #3
    xozkanbey
    xozkanbey
    Üyeliği durduruldu
    asiminnesli adlı üyeden alıntı: mesajı görüntüle
    ben mi yanlis biliyorum ama bircok garip durum var kodda<form id="userForm" action="javascript:void(0);">burdaki action a ne gerek var ki?
    e.preventDefault(); // Formu sayfa üzerinde gönderbu istediginiz isi yapmaz ki bu kodun amaci tarayica default yapilan aksiyon yerine bunu yapmasini saglamaktir.
    Yani sizin kodunuz icin durum da form submit edilmesin ajax calissin seklindedir.
    Ayrica ajax ile islem yaptiginiz da site ye data arkaplanda gider isteginiz yapilir ama sizin sayfaniz yenilenmez.
    Bi çok örnekte öyle yazıyor, formun gitmesi için ne yapmam lazım?
    https://lisansci.net/v2/test.php



    $(document).ready(function(){
$('#userForm').submit(function(e){ // Form submit edildiğinde
$.ajax({ // Ajax metodu
type: "POST", // Gönderim Methodu POST (GET'de seçilebilir)
url: "test.php", // POST işleminin olacağı sayfa
data: $("#userForm").serialize(), // Formdaki tüm verileri al
success: function(result){ // Eğer işlem başarılı olursa sonuç
$('#result').html(result); // Id'si result olan divde sonucu yaz
$("#userForm").hide();
}
});
e.preventDefault(); // Formu sayfa üzerinde gönder
});
});
</sc
    bu kod yeterrli mi? $("#userForm").hide(); ekledim
  • 18-09-2019, 01:53:34
    #4
    Kaplan
    Kaplan
    Çözüm olur ancak iyi bir kullanım değil şuan yaptığınız...
    <?php
if ($_POST) {

$userName = $_POST['userName'];
$userPassword = $_POST['userPassword'];

if ($userName == "asd" && $userPassword == "asd") {
echo 'Üye olma işlemi gerçekleşti';
} else {
echo 'Hatalı işlem';
}

} else {
?><!DOCTYPE html>
<html lang="tr">

<title>PHP ile JQuery ve AJAX işlemleri</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
</head>
<body>

<form id="userForm" action="?">

<input type="text" name="userName" placeholder="Kullanıcı adınız"><br><br>
<input type="password" name="userPassword" placeholder="Şifreniz"><br><br>
<input type="submit" value="Üye Ol">

</form>

<div style="color:green" id="result">

</div>
<script>
$(document).ready(function(){
$('#userForm').submit(function(e){ // Form submit edildiğinde
e.preventDefault(); // Formu sayfa üzerinde gönder
$.ajax({ // Ajax metodu
type: "POST", // Gönderim Methodu POST (GET'de seçilebilir)
url: "test.php", // POST işleminin olacağı sayfa
data: $("#userForm").serialize(), // Formdaki tüm verileri al
success: function(result){ // Eğer işlem başarılı olursa sonuç
$('#result').html(result); // Id'si result olan divde sonucu yaz
}
});
});
});
</script>
</body>
</html>
<?php } ?>
  • 18-09-2019, 01:56:51
    #5
    xozkanbey
    xozkanbey
    Üyeliği durduruldu
    Kaplan adlı üyeden alıntı: mesajı görüntüle
    Çözüm olur ancak iyi bir kullanım değil şuan yaptığınız...
    <?php
if ($_POST) {

$userName = $_POST['userName'];
$userPassword = $_POST['userPassword'];

if ($userName == "asd" && $userPassword == "asd") {
echo 'Üye olma işlemi gerçekleşti';
} else {
echo 'Hatalı işlem';
}

} else {
?><!DOCTYPE html>
<html lang="tr">

<title>PHP ile JQuery ve AJAX işlemleri</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
</head>
<body>

<form id="userForm" action="?">

<input type="text" name="userName" placeholder="Kullanıcı adınız"><br><br>
<input type="password" name="userPassword" placeholder="Şifreniz"><br><br>
<input type="submit" value="Üye Ol">

</form>

<div style="color:green" id="result">

</div>
<script>
$(document).ready(function(){
$('#userForm').submit(function(e){ // Form submit edildiğinde
e.preventDefault(); // Formu sayfa üzerinde gönder
$.ajax({ // Ajax metodu
type: "POST", // Gönderim Methodu POST (GET'de seçilebilir)
url: "test.php", // POST işleminin olacağı sayfa
data: $("#userForm").serialize(), // Formdaki tüm verileri al
success: function(result){ // Eğer işlem başarılı olursa sonuç
$('#result').html(result); // Id'si result olan divde sonucu yaz
}
});
});
});
</script>
</body>
</html>
<?php } ?>
    Posta vs. değer atanacak, phpile güvenlik açıkları kapatılacak zaten Ajax kodu için yardım lazım
  • 18-09-2019, 01:58:56
    #6
    asiminnesli
    asiminnesli
    Post ile deger gittikten sonra sayfa yenilenmesi ama form saklasın istiyorsanız yeterli