Problema ajax

[akp]

Salve,ho un problema con ajax,devo inviare dei dati al dbms da una pagina php.

<form id="ARajax" enctype='multipart/form-data'  method='POST'>
     <input type="hidden" id="UID" name="utente" value="<?=$row['id_m']?>"/>
     <input type="submit" class="button tiny" name="ar" value="Accetta"/>
     <input type="submit" class="button tiny" name="ar" value="Rifiuta"/>
 </form>

$("input[name='ar']").click(function(event){

  var ar = $("input[name='ar']").val();
  var utente = $("#UID").val();

  $.ajax({
    type: "POST",
    url: "Grichieste.php",
    data: "ar = " + ar + "&utente = " + utente,
    dataType: "html",
    success: function(data){
              $('.wee').html();
            },
    error: function(){
            alert("Chiamata fallita!!!");
           }

  });
});

if(isset($_POST['utente'])){
 $utente = $_POST['utente'];
}

if(isset($_POST['ar'])){
 $ar = $_POST['ar'];
}

//qua faccio la query con i valori passati

Il problema è che non mi modifica il parametro sul server.
Se non ricoressi ad ajax il tutto funzionerebbe tranquillamente!

 

[criric]

Ciao, stampa i parametri che ricevi con var_dump() , verifica intanto se sono corretti.
Hai due input con lo stesso name potrebbe crearti qualche problema.
Modifica il type submit con button se vuoi usare ajax altrimenti la pagina si ricarica.
Usa this per valorizzare la variabile ar

var ar = $(this).val();

 

[akp]

Ciao,il var_dump() mi da undefine variable sia di "ar" che di "utente". Molto strano dato che i valori li prende giusti

 

[criric]

mmh
togli gli spazi nella richiesta

 data: "ar = " + ar + "&utente = " + utente,

 data: "ar=" + ar + "&utente=" + utente,

 

[akp]

Adesso funziona,grazie.

 

[akp]

Ciao criric. ti vorrei chiedere un'altra cosa.
quando avviene la chiamata ajax nel success dovrebbe ricaricarmi la pagina

success: function(data){
              $('.wee').html(data);
            }

cioè la pagina viene ricaricata perfettamente, ma se dovessi cliccare su un bottone questo non funziona a meno che non faccio il refresh.
come mai si "blocca"?

 

[criric]

il bottone è nella risposta "data" ?
c'è una funzione javascript associata?

 

[akp]

si,il bottone è nella risposta.
si,c'è una funzione associata :

window.setInterval(function () {
  $.ajax({
    url: "pcontrol.php",
    dataType: "html",
    success: function(data){
              $('.wee').html(data);
            },
    error: function(){
            alert("Chiamata fallita!!");
           }

  });


}, 5000);

al posto della chiamata ajax avevo provato a mettere :

  $('.wee').load("pcontrol.php");

ma è la stessa cosa

 

[criric]

l'html restituito da ajax viene letto come una sìtringa, non viene interpretato quindi non puoi inserire codice javascript,
puoi invece associare al bottone una funzione con l'evento onclick
<input type='button' onclick='funzione()'/>
e la funzione la crei nella pagina dove hai la chiamata ajax

 

[akp]

Quindi al click del bottone chiamo una funzione che aggiorna la pagina?
Perdonami ma non riesco a capire.


Inviato dal mio XT1068 utilizzando Tapatalk

 

[criric]

No, il bottone che non ti funziona che compito ha ?
posta il codice

 

[akp]

il bottone che non funziona ha il compito di inviare dei valori al php

<form id="ARajax" enctype='multipart/form-data'  method='POST'>
     <input type="hidden" id="UID" name="utente" value="<?=$row['id_m']?>"/>
     <input type="submit" class="button tiny" name="ar" value="Accetta"/>
     <input type="submit" class="button tiny" name="ar" value="Rifiuta"/>
 </form>

$("input[name='ar']").click(function(event){

  var ar = $("input[name='ar']").val();
  var utente = $("#UID").val();

  $.ajax({
    type: "POST",
    url: "Grichieste.php",
    data: "ar =" + ar + "&utente =" + utente,
    dataType: "html",
    success: function(data){
              $('.wee').html();
            },
    error: function(){
            alert("Chiamata fallita!!!");
           }

  });
});

sempre sulla stessa pagina c'è questo script che aggiorna costantemente l'html :

window.setInterval(function () {
  $.ajax({
    url: "pcontrol.php",
    dataType: "html",
    success: function(data){
              $('.wee').html(data);
            },
    error: function(){
            alert("Chiamata fallita!!");
           }

  });


}, 5000);

 

[criric]

il contentore dove scrivi il risultato (.wee) dov'è ? racchiude anche il form ?

 

[akp]

scusasmi,si racchiude anche il il form.

<div class="wee">
    <br>
      <div class="row">
        <ul class="pricing-table large-12 columns large-centered">
          <li class="title inline"></li>
          <li class="price">Elenco richieste</li>

              <li style="font-size: 22px" class="bullet-item">

                <form id="ARajax" enctype='multipart/form-data'  method='POST'>
                  <input type="hidden" id="UID" name="utente" value="<?=$row['id_m']?>"/>
                  <input type="hidden" id="UDA" name="utente" value="<?=$row['data_richiesta']?>"/>
                  <input type="button" class="button tiny" name="ar" value="Accetta" />
                  <input type="button" class="button tiny" name="ar" value="Rifiuta" />
                </form>
              </li>
      
        </ul>
      </div>
</div>

tra l'altro di questo form possono essercene di piu (in base a quante richieste arrivano :

<li style="font-size: 22px" class="bullet-item">

                <form id="ARajax" enctype='multipart/form-data'  method='POST'>
                  <input type="hidden" id="UID" name="utente" value="<?=$row['id_m']?>"/>
                  <input type="hidden" id="UDA" name="utente" value="<?=$row['data_richiesta']?>"/>
                  <input type="button" class="button tiny" name="ar" value="Accetta" />
                  <input type="button" class="button tiny" name="ar" value="Rifiuta" />
                </form>
              </li>

 

[criric]

allora questo non puo funzionare

$("input[name='ar']").click(function(event){

devi creare una funzione

function Grichieste(value) {
  // chiamata ajax
}

e il form lo modifichi piu o meno cosi

<input type="submit" class="button tiny" onclick="Grichieste('Accetta')" name="ar" value="Accetta"/>

 

[akp]

ok funziona,però mi aggiorna la pagina e nella console mi spunta :

16:13:24.994 NS_ERROR_NOT_AVAILABLE: prompt aborted by user1 nsPrompter.js:427:0
16:13:24.994 uncaught exception: out of memory1 <sconosciuto>

 

[criric]

modifica il type submit con button
E' un errore creare più elementi con lo stesso id, se non ti serve toglilo dal form altrimenti devi renderlo dinamico