2011-09-08 75 views
0

任何建議或更好的腳本來添加/刪除列表中的項目,然後將更改保存到MySQL?從列表中添加/刪除項目,然後將更改保存到MySQL

這裏是想,在我的網頁我問我的用戶有多少種語言?他們說,我有一個文本框和添加按鈕,任何時候用戶點擊添加,寫在文本框的語言已經出現在一個列表,它也需要是可移動的。當用戶完成工作時,他點擊一個發送按鈕,對PHP腳本執行簡單的POST/GET操作。

這是90%的前端工作,我不是前端開發人員(我是PHP開發人員)。我知道使用一些JavaScript/jQuery可以完成,但我不知道如何處理這個問題。

我嘗試了很長時間,在互聯網上搜索一些教程,但我沒有找到任何好的。所以,如果你能給我提供一些幫助/教程/腳本,我會很感激。

回答

1

你並不真的需要這個AJAX,如果您要添加的語言都一氣呵成。您可以在用戶單擊添加按鈕時將隱藏的表單域添加到列表中,然後在單擊刪除時將其刪除。這將使界面更加靈敏。我在這裏一起扔一個簡單的例子:

http://jsfiddle.net/wnFsE/

真的是沒有太多的代碼來完成你的目標。

0

做到這一點的最佳方法是對您的PHP文件執行AJAX調用,這實際上會編輯您的數據庫。我還會包含某種可視設備,以指示數據庫是否正在更改以及更改已保存。

以下示例假定這是通過JSON完成的。

function saveChanges() { 

    var inputData = $('#your-input').val(); 

    $.ajax({ 
     type: "POST", 
     data: inputData, 
     url: '/file.php', 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function ajaxSuccess(response) { 
      // let the user know their changes are saved 
     }, 
     failure: function ajaxFailure(response) { 
      // let the user know something went wrong 
     } 
    }); 

}; 
相關問題