Wysłanie zapytania sql w tle, bez przeładowania strony

Question

Proszę o pomoc w zakresie korekty poniższego kodu

function HideContent(d)
{
  var id_a = $("#id_a").val();
  var f    = document.getElementsByName('rang');
  var v;

for(var i = 0; i < f.length; i++){
    if(f[i].checked){
        v = f[i].value;
    }
  }
  
  
  $.ajax({
      method :"POST",
        url  :"zapisz.php",
        data : {id_a:id_a, v:v},
     success :function() {
          alert( "Zapisano dane");
        },
     error   : function(blad) {
          alert( "Wystąpił błąd");
        }
    });

skrypt ma za zadanie pobranie dwóch zmiennych z formularza i wywołanie w tle pliku z zapytaniem do bazy z przesłanymi 2 parametrami. Nie wywołuje mi pliku zapisz.php :(. Już teraz dziękuję za podpowiedzi.

Comments

Standardowy wywiad:

1. Jest jakiś komunikat błędu (ze strony serwera lub konsoli)?

2. Czy kod w pliku zapisz.php jest poprawny?

3. Czy dane z formularza s a poprawnie pobierane przez skrypt?

Najlepiej ujawnij więcej kodu.

---

Dziękuję wszystkim, którzy sie pochylili nad problemem. Jednak w czasie oczekiwania na podpowiedź zrobiłem sam ;). Działa !

  var id_a = $("#id_a").val();
  var f    = document.getElementsByName('rang');
  var v;

for(var i = 0; i < f.length; i++){
    if(f[i].checked){
        v = f[i].value;
    }
  }

  const dataToSend = {
    id_a: id_a,
    rang: v
}
url = "zapisz.php";
$.post(url, dataToSend)
.done(res => {
    console.log(res);
})
.fail(() => {
    alert("Wystąpił błąd w połączeniu");
})


  document.getElementById(d).style.display = "none";
  document.getElementById('dzieki').style.display = "block";

 

---

Po tym zapisie

  var f    = document.getElementsByName('rang');
  var v;
 
for(var i = 0; i < f.length; i++){
    if(f[i].checked){
        v = f[i].value;
    }
  }

zgaduję, że chodzi o jakąś grupę radio button-ów o name="rang", więc powyższy zapis można sprowadzić do jednej linii kodu.

var v = document.querySelector('[name="rang"]:checked').value;

 

 

P.S.

<input type="radio" name="rang" value="pierwszy">
<input type="radio" name="rang" value="drugi">
<input type="radio" name="rang" value="trzeci">
<button>Sprawdź</button>

const button = document.querySelector('button');
button.addEventListener('click', () => {
  if (document.querySelector('[name="rang"]:checked'))
    console.log(document.querySelector('[name="rang"]:checked').value);
  else
    console.log('Nie zaznaczono');
})