v2.5.2
Giriş yap

iletişim formu nasıl Ajax json post yapmış mantığını çözemedim yardım

theviper
509 defa görüntülendi

merhabalar kendimce json javascript farklı scriptleri inceleyerek ve tayfun hocanın derslerini izleyerek farklı şeyler öğrenmeye çalışıyorum

Bir web sitesi iletişim formu aşağıdaki şekilde yapmış

formu serialize yapmamışlar formData console.log yapınca boş veriyor url get ancak type: POST kullanılmış

sizden ricam bu yapının php post kısmı nasıl işlenmeli anladığım json dönerek veriler alınıyor

burdaki mantığı çözemedim
url: window.location.pathname+'?cm_islem=form_mesajlar&format=json&form_id=1',

daha iyi anlayabilmem için zor değil ise bu yapıda nasıl bir işlem yapılmalı?

   <!DOCTYPE html>
<html>

<head>


</head>
<body>

<h1 class="title">İLETİŞİM </h1>
<div class="col-md-7" style="padding-top: 15px;padding-bottom: 15px;">
	<form name="CMFormGonder1" onsubmit="return false;">
		<div class="form-group">
			<label for="exampleInputEmail1">Adınız Soyadınız</label>
			<input type="text" name="CMform[Ad Soyad]" class="form-control validate[required]" value="" placeholder="Adınız Soyadınız" />
		</div>
		<div class="form-group">
			<label for="exampleInputPassword1">Email Adresiniz</label>
			<input type="email" name="CMform[Email Adresi]" class="form-control validate[required, custom[email]]" value="" placeholder="Email Adresiniz" />
		</div>
		<div class="form-group">
			<label for="exampleInputPassword1">Konu</label>
			<input type="text" name="CMform[Konu]" class="form-control validate[required]" value="" placeholder="Konu" />
		</div>
		<div class="form-group">
			<label for="exampleInputPassword1">Mesajınız</label>
			<textarea class="form-control validate[required]" name="CMform[Mesaj]" rows="6" placeholder="Mesajınız"></textarea>
		</div>
		<button onclick="CMFormGonder('1');" class="btn btn-dark CMFormButton1">Gönder</button>
	</form>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js" integrity="sha512-jGsMH83oKe9asCpkOVkBnUrDDTp8wl+adkB2D+//JtlxO4SrLoJdhbOysIFQJloQFD+C4Fl1rMsQZF76JjV0eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://unpkg.com/[email protected]/dist/sweetalert.min.js"></script>
<script>
		function CMFormGonder() {
  
				$('.CMFormButton1').attr("disabled", true);
				var formData = new FormData($('form[name=CMFormGonder1]')[0]);
				
				$.ajax({
					url: window.location.pathname+'?cm_islem=form_mesajlar&format=json&form_id=1',
					type: 'POST',
					data: formData,
					dataType: 'json',
					success: function (c) {
						$('.CMFormButton1').attr("disabled", false);
						if(c.durum){
							$('form[name=CMFormGonder1')[0].reset();
							swal("Başarılı", c.mesaj["mesaj"], "success");
						}else{
							swal("Hata!", c.mesaj, "error");
						}
					},
					cache: false,
					contentType: false,
					processData: false
				});
		   
		}
	</script>
</body>
</html>
theviper
1019 gün önce

@abdullahx çok teşekkür ederim