php - HTML : Enable Multiple Submission without refreshing

Question

我想增强我的工具页面，只需点击一个按钮即可。请求转到服务器并根据返回类型(失败/通过)更改按钮的颜色。无刷新/页面重新加载

页面有多个按钮:如下所示。

Name       9-11  -  11-2      2-5

Resource1 - Button - Button - Button 

Resource2 - Button - Button - Button 

Resource1 - Button - Button - Button

我是一名 C++ 程序员，所以你可能会觉得我问了一个简单的问题

Answer 1

这里是一个发布 Form 的 jQuery Ajax 示例。就个人而言，我不熟悉 PHP，但无论如何 Ajax 都是一样的。您只需要发布到可以返回 Success = true 或 false 的内容。此 POST 异步发生，因此除非您在 success: 部分执行特定操作，否则您不会刷新页面。

$("document").ready(function () {

    $('form').submit(function () {
        if ($(this).valid()) {
            $.ajax({
                url: yourUrlHere,
                dataType: "json",
                cache: false,
                type: 'POST',
                data: $(this).serialize(),
                success: function (result) {
                    if(result.Success) {
                        // do nothing
                    }                           
                }
            });
        }
        return false;
    });
});

当然你也不必做一个POST，它可以是一个GET

type: 'GET',

如果您不需要传递任何数据，只需将 data: 部分放在外面即可。但是如果你想指定你可以使用 data: { paramName: yourValue },

的数据

cache: false, 如果您想缓存页面，可以省略行。鉴于您不打算显示任何更改，您可以删除该行。 jQuery 将一个唯一值附加到 Url 以防止它被缓存。指定 type: "json", 或任何您的特定类型总是一个好主意，但不是必需的。