x-editierbarer Ajax-Aufruf verarbeitet die angegebene URL nicht

Question

Ich benutze Bootstrap mit x-editable und ich versuche, es funktioniert zu bekommen, sobald die Schaltfläche Speichern von x-editable angeklickt wird, sollte die PHP-Datei ausgeführt werden.

Ive versuchte alles in meinem Wissen, um das zu beheben, aber ich bin kein hardcore JavaScript-Programmierer, so ändern Sie es zu Json, es zu versuchen ist zu meiner Perspektive ein wenig viel Aufwand.

Ich habe die Dokumentation von x-editable gelesen und dies sollte der Weg sein, damit zu arbeiten.

So, hier ist die html:

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

Die Javascript:

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

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

Sobald die post.php fehlt x editierbare einen Fehler gibt, aber wenn es die PHP-Datei sieht es tut nichts. Die Inhalte aus der PHP-Datei sind irrelevant, da dort nur ein Konsolenprotokoll mit Test drin ist.

Das Konsolenprotokoll wird nie ausgeführt und ich kann nicht herausfinden, warum es nicht funktioniert, ich habe 1 oder 2 Probleme gesehen, wie eins auf Stackoverflow etc aber keine vollen Informationen verwenden.

Dies ist das erste Mal, dass ich etwas im Internet fragen musste, also hoffe ich, dass jemand mir dabei helfen kann.

Ich habe versucht Dinge wie die url zu localhost/dir/etc ändern jedoch keinen Effekt. Einstellung auch /posturl und das Hinzufügen von var posturl = "post.php"; nicht

half

oh und ich habe alle Ressourcen getestet: aber wenn es hier hilft:

<!-- 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> 

Answer 1

Haben Sie versucht, die Sendeoption modifizieren?

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

versuchen Ansonsten Debuggen der unminified Version Bootstrap-editable.js und fügen Sie einen Haltepunkt hier https://github.com/vitalets/x-editable/blob/master/src/editable-form/editable-form.js#L189. Ich hatte ein ähnliches Problem und das habe ich gemacht. Ich hoffe, das hilft.

Answer 2

Verwenden Sie send Parameter wie es Strategie zum Senden von Daten an den Server bestimmen kann. Es kann sein auto | immer | nie. Wenn 'automatische' Daten nur dann auf dem Server gesendet werden, wenn pk und definiert sind, wird andernfalls der neue Wert lokal gespeichert.

Sie können es durch diesen Code für alle Eingänge gesetzt:

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

oder fertigen Sie jede Eingabe für ähnliche Strategie wie folgt aus:

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