jQuery ve ajax kullanırken ERR_BLOCKED_BY_CLIENT hatası alıyorum
ajax öğrenmeye çalışıyorum. Ancak google chrome konsolu aşağıdaki hatayı gösteriyor:
ERR_BLOCKED_BY_CLIENT error
Herhangi bir reklam engelleyici vs. kullanmadan denediğimde sonuç değişmedi. Aşağıdaki koda bakıp hatamın ne olduğunu yazar mısınız?
kod:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>document</title>
<script src="jquery.js"></script>
<script src="javaScriptFunctions.js"></script>
</head>
<body>
<h1>Enter your name</h1>
<form id="form" name="form">
<label>Enter your name: <input id="name" name="name"></label><br>
<input type="submit" id="submit" value="OK">
</form>
<script>
document.getElementById('submit').onclick = function(){
event.preventDefault();
var form = $("#form").serialize();
$.ajax({
type:"GET",
data: form //Formu aynı sayfadan aynı sayfaya göndermeye çalıştığım için url parametresini kullanmadım
})
}
</script>
</body>
</html>
Javascript tarafında hataların var. onclick eylemini dinlemek için kullandığın yapı doğru değil.
Bu tarafta 2 seçeneğin var. İstersen document içerisinde yer alan .addEventListener metodu ile veya istersen jQuery içerisinde yer alan .on metodu ile tıklama eylemini dinleyebilirsin.
addEventListener
document.getElementById('submit').addEventListener('click', e => {
e.preventDefault();
let form = $("#form").serialize();
$.ajax({
type: "GET",
data: form
})
})
jQuery on
$("#submit").on("click", e => {
e.preventDefault();
let form = $("#form").serialize();
$.ajax({
type: "GET",
data: form
})
})
Veya aynı metodlar ile form elemanının submit eylemini dinleyebilir ve işlemlerini o şekilde gerçekleştirebilirsin.