我想增强我的工具页面,只需点击一个按钮即可。请求转到服务器并根据返回类型(失败/通过)更改按钮的颜色。无刷新/页面重新加载
页面有多个按钮:如下所示。
Name 9-11 - 11-2 2-5
Resource1 - Button - Button - Button
Resource2 - Button - Button - Button
Resource1 - Button - Button - Button
我是一名 C++ 程序员,所以你可能会觉得我问了一个简单的问题
最佳答案
这里是一个发布 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",
或任何您的特定类型总是一个好主意,但不是必需的。
关于php - HTML : Enable Multiple Submission without refreshing,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10771549/