2013-05-28 8 views
12

Im utilizzando bootstrap con x-editable e sto cercando di farlo funzionare dopo aver fatto clic sul pulsante di salvataggio da x-editable il file php deve essere eseguito.chiamata ajax modificabile x non elabora l'url designato

Ive ha provato tutto ciò che è a mia conoscenza per risolvere questo problema, ma non sono un programmatore javascript hardcore, quindi cambiarlo in Json per provarlo è un po 'troppo per la mia prospettiva.

Ive legge la documentazione di x-editable e questo dovrebbe essere il modo di lavorarci.

ecco il codice HTML:

<a href="#" class="username">superuser</a> 

Il Javascript:

 $.fn.editable.defaults.mode = 'inline'; 

     $('.username').editable({ 
      type: 'text', 
      pk: 1, 
      url: 'post.php', 
     }); 

Una volta che il post.php manca x-modificabile dà un errore, se si vede il file php non fa niente i contenuti dal file php sono irrilevanti perché c'è solo un log di console con test al suo interno.

Il log della console non viene mai eseguito e non riesco a capire perché non funziona, ho visto 1 o 2 problemi come la cosa uno su Stackoverflow ecc, tuttavia non utilizzare informazioni complete.

Questa è la prima volta che ho dovuto chiedere qualcosa su Internet, quindi spero che qualcuno possa aiutarmi con questo.

Ho provato cose come cambiare il url a localhost/dir/etc ma nessun effetto. impostazione anche /posturl, e l'aggiunta di var posturl = "post.php"; non ha aiutato

oh e ho provato tutte le risorse: ma se aiuta qui:

<!-- Le styles --> 
<!-- jQUERY --> 
<script src="http://code.jquery.com/jquery.js"></script> 
<!-- Sharre --> 
<script src="recources/assets/js/jquery.sharrre-1.3.4.js"></script> 
<!-- Minnified bootstrap --> 
<script src="recources/assets/min/js/bootstrap.min.js"></script> 
<!-- Custom CSS --> 
<link href="recources/assets/css/pagestyle.css" rel="stylesheet"> 
<!-- X - Editable --> 
<link href="recources/assets/css/bootstrap-editable.css" rel="stylesheet"> 
<!-- External link --> 
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.4/bootstrap-editable/js/bootstrap-editable.min.js"></script> 

risposta

26

Utilizzare il parametro send in quanto può determinare Strategia per l'invio di dati al server. Può essere auto | sempre | mai. Quando i dati 'auto' saranno inviati sul server solo se pk e url sono definiti, altrimenti il ​​nuovo valore verrà memorizzato localmente.

È possibile impostare per tutti gli ingressi di questo codice:

$.fn.editable.defaults.send = "always"; 

o personalizzare ogni ingresso per la strategia relativa in questo modo:

$('.username').editable({ 
    send: 'always' 
}); 
+2

Questa è una spiegazione migliore e l'esempio. –