Problema ajax

akp

Utente Attivo
8 Giu 2015
133
0
16
Salve,ho un problema con ajax,devo inviare dei dati al dbms da una pagina php.

HTML:
<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>

Codice:
$("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!!!");
           }

  });
});

PHP:
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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
Codice:
var ar = $(this).val();
 

akp

Utente Attivo
8 Giu 2015
133
0
16
Ciao,il var_dump() mi da undefine variable sia di "ar" che di "utente". Molto strano dato che i valori li prende giusti
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
mmh
togli gli spazi nella richiesta
Codice:
 data: "ar = " + ar + "&utente = " + utente,
Codice:
 data: "ar=" + ar + "&utente=" + utente,
 

akp

Utente Attivo
8 Giu 2015
133
0
16
Ciao criric. ti vorrei chiedere un'altra cosa.
quando avviene la chiamata ajax nel success dovrebbe ricaricarmi la pagina
Codice:
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
il bottone è nella risposta "data" ?
c'è una funzione javascript associata?
 

akp

Utente Attivo
8 Giu 2015
133
0
16
si,il bottone è nella risposta.
si,c'è una funzione associata :

Codice:
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 :
Codice:
  $('.wee').load("pcontrol.php");
ma è la stessa cosa
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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

Utente Attivo
8 Giu 2015
133
0
16
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
No, il bottone che non ti funziona che compito ha ?
posta il codice
 

akp

Utente Attivo
8 Giu 2015
133
0
16
il bottone che non funziona ha il compito di inviare dei valori al php

HTML:
<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>

Codice:
$("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 :
Codice:
window.setInterval(function () {
  $.ajax({
    url: "pcontrol.php",
    dataType: "html",
    success: function(data){
              $('.wee').html(data);
            },
    error: function(){
            alert("Chiamata fallita!!");
           }

  });


}, 5000);
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
il contentore dove scrivi il risultato (.wee) dov'è ? racchiude anche il form ?
 

akp

Utente Attivo
8 Giu 2015
133
0
16
scusasmi,si racchiude anche il il form.

HTML:
<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 :

HTML:
<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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
allora questo non puo funzionare
Codice:
$("input[name='ar']").click(function(event){
devi creare una funzione
Codice:
function Grichieste(value) {
  // chiamata ajax
}
e il form lo modifichi piu o meno cosi
HTML:
<input type="submit" class="button tiny" onclick="Grichieste('Accetta')" name="ar" value="Accetta"/>
 

akp

Utente Attivo
8 Giu 2015
133
0
16
ok funziona,però mi aggiorna la pagina e nella console mi spunta :
Codice:
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
L Problema jQuery validation AJAX (PHP 7) PHP 6
X Problema con jquery e ajax jQuery 2
G [Javascript] Problema parametro passato con ajax Javascript 4
C Problema chiamata Ajax Ajax 2
M Problema chiamata Ajax per vista Griglia o vista Lista Ajax 1
P Problema creazione form con ajax PHP 1
A problema con chiamata ajax Ajax 1
P Problema refresh pagina con Ajax... Ajax 15
S problema con ajax semplice login script Javascript 8
A Problema recupero valori da select con chiamata ajax Ajax 1
S Gallery con Tag foto: problema doppia chiamata ajax con JQuery jQuery 2
GoshMaledetto problema ritorno valori php da chiamata ajax Ajax 9
T Problema con Ajax. Elementi duplicati Ajax 1
Emix Problema nel concatenare jquery ed ajax nella stessa pagina Javascript 15
D Ajax - Problema funzionamento Xampp Ajax 4
P problema validazione form con ajax e jquery Ajax 0
T Problema con Jquery ajax jQuery 4
D Problema nella validazione di un form con JQUERY ed AjAX jQuery 4
D Problema nell'invio dei dati di un form ad uno script AJAX Ajax 8
Frank10 Tagboard AJAX non funzionante [era: Solo a me questo problema penso..] phpBB 2
M Problema Ajax Chat phpBB 0
P problema jQuery/ajax Ajax 4
R [problema] Inizializzare Oggetto Ajax posso dichiararlo e dopo fare la send? Ajax 1
Z Problema di caricamento Ajax su IE Ajax 11
C AJAX FORM MAIL - problema con gli a capo nel messaggio Javascript 0
F Problema AJAX Javascript 0
M problema scope variabili chiamata ajax Javascript 2
J Problema con AJAX Ajax 1
G ajax php myqsl - problema con funzione javascript Ajax 1
A Ajax php mysql - problema aggiornamento dati Ajax 2
M problema explorer 8 con javascript innerhtml/ajax Javascript 0
N Problema AJAX PHP PHP 0
unkus_nob problema lightbox e ajax Javascript 2
O Problema variabile lang in ajax Ajax 0
Bluedr4gon Problema di importa AJAX con IE7 Ajax 5
SolidSnake4 problema con form ajax Javascript 8
S Problema AJAX che non riesco a capire. Ajax 0
R Problema con AJAX e UpdatePanel di asp.net Ajax 2
SolidSnake4 problema login php+ajax PHP 2
A Problema pagina AJAX con IE7 Ajax 0
C problema ajax shoutbox Ajax 0
A problema cona ajax,verifica user gia presente in db Ajax 6
T Problema di invio dati AJAX-PHP Ajax 8
E Problema con script ajax+php Ajax 2
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0

Discussioni simili