Question

任何建议或更好的脚本来添加/删除列表中的项目然后将更改保存到MySQL？

以下是思考，在我的网页中，我问我的用户他们说了多少种语言，我有一个文本字段和一个添加按钮，每当用户点击添加时，在文本字段中写的语言必须出现在列表，它也需要可移动。当用户完成工作时，他点击一个发送按钮，对PHP脚本执行简单的POST / GET操作。

这是90％的前端工作，我不是前端开发人员（我是PHP开发人员）。我知道使用一些JavaScript / jQuery可以做到这一点，但我不知道如何处理这个问题。

我试了很长时间，在互联网上搜索一些教程，但我没有找到任何好的东西。所以，如果你能给我一些帮助/教程/脚本，我将不胜感激。

Answer 1

如果你要一次性添加语言，那么你真的不需要ajax。您可以在用户单击添加按钮时将隐藏的表单字段添加到列表中，然后在单击删除时将其删除。这将使界面更具响应性。我在这里汇总了一个简单的例子：

http://jsfiddle.net/wnFsE/

实现目标的代码并不多。

Answer 2

执行此操作的最佳方法是对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
        }
    });

};

添加/删除列表中的项目，然后将更改保存到MySQL

2 个答案: