2013-05-28 44 views
12

即時通訊使用引導與X可編輯和即時嘗試讓它工作,一旦點擊x-editable的保存按鈕被點擊的PHP文件應該執行。X可編輯AJAX調用不處理指定的網址

我在我的知識中嘗試了一切來解決這個問題,但我不是一個硬核JavaScript程序員,所以把它改成Json來試試看,這對我來說有點多努力。

我讀過x-editable的文檔,這應該是使用它的方法。

因此,這裏的HTML:

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

的JavaScript:

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

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

一旦post.php中缺少X編輯給出了一個錯誤,但是如果它看到PHP文件它什麼也沒做。 來自php文件的內容是不相關的,因爲那裏只有一個控制檯日誌和測試。

控制檯日誌永遠不會執行,我不知道爲什麼它不工作,我已經看到1或2的問題,如St​​ackoverflow等東西之一,但不使用完整的信息。

這是我第一次不得不在互聯網上問一些問題,所以我希望有人能幫助我解決這個問題。

我已經嘗試過將url改爲localhost/dir/etc但是沒有效果。 還設置/posturl,並添加VAR posturl = "post.php";沒有幫助

噢,我測試過的所有資源:但如果它幫助這裏:

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

回答

26

使用send參數,因爲它可以確定策略發送數據到服務器。它可以是汽車 | always | 從不。當只有定義了pkurl時,纔會在服務器上發送「自動」數據,否則將在本地存儲

您可以設置它爲這段代碼的所有輸入:

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

或定製相關策略,每個輸入這樣的:

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

這是一個更好的解釋和例子。 –