Php HTML：启用多次提交而不刷新

我想加强我的工具的网页，只要使用点击一个按钮。请求转到服务器，根据返回类型（失败/通过），我更改按钮的颜色。无刷新/页面重新加载

页面有多个按钮：一些按钮如下所示

Name       9-11  -  11-2      2-5

Resource1 - Button - Button - Button 

Resource2 - Button - Button - Button 

Resource1 - Button - Button - Button

---

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

< p>试试jQuery

中的$.POST或$get函数

$.post("url",$("#myform").serialize());

按照法布里西奥·马特的建议添加回调函数

$.post("url",$("#myform").serialize(),function(data){alert(data);$("#myform").hide()//?Do something with the returned data here});

---

尝试在jquery中使用$.post或$.get函数

$.post("url",$("#myform").serialize());

按照法布里西奥·马特的建议添加回调函数

$.post("url",$("#myform").serialize(),function(data){alert(data);$("#myform").hide()//?Do something with the returned data here});

---

下面是jqueryajax发布

表单的示例。就个人而言，我不熟悉PHP，但Ajax无论如何都是一样的。您只需要发布一些可以返回
Success=true
或
false
的内容。这篇文章是异步进行的，因此除非您在
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追加一个唯一的值，以防止其缓存。指定
类型：“json”、
或任何特定类型都是一个好主意，但不是必需的。
以下是jQuery Ajax发布
表单的示例。就个人而言，我不熟悉PHP，但Ajax无论如何都是一样的。您只需要发布一些可以返回
Success=true
或
false
的内容。这篇文章是异步进行的，因此除非您在
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追加一个唯一的值，以防止其缓存。指定
类型：“json”、
或任何特定类型都是一个好主意，但不是必需的。
给你。您将在必要的ajax处理php页面中找到一个表单、一个按钮和一个示例。尝试一下，让我们知道它是如何运行的：

<form action="" method="post" name="my_form" id="my_form">
  <input type="submit" name="my_button" id="my_button" value="Submit">
</form>


<script type="text/javascript">
$("document").ready(function () {

    $('#my_form').submit(function () {

        $.ajax({
                url: "ajaxpage.php",
                dataType: "json",
                type: "POST",
                data: $(this).serialize(),
                success: function (result) 
                    {
                        //THere was an error
                        if(result.error) 
                        {
                            //So apply 'red' color to button
                            $("#my_button").addClass('red');
                        }
                        else
                        {
                            //there was no error. So apply 'green' color
                            $("#my_button").addClass('green');  
                        }
                    }                           
            });

        return false;
    });
});
</script>

<?php 
//ajaxpage.php
//Do your processing here

if ( $processed )
{
    $error = false;
}
else
{
    $error = true;  
}

print json_encode(array('error' => $error));
die();

?>


$（“文档”）.ready（函数（）{
$（“#我的表格”）。提交（函数（）{
$.ajax({
url:“ajaxpage.php”，
数据类型：“json”，
类型：“POST”，
数据：$（this）.serialize（），
成功：功能（结果）
{
//有一个错误
if（result.error）
{
//所以，将“红色”应用于按钮
$（“#我的按钮”）.addClass（'red'）；
}
其他的
{
//没有错误。所以应用“绿色”颜色
$（“#我的按钮”）.addClass（'green'）；
}
}                           
});
返回false；
});
});
给你。您将在必要的ajax处理php页面中找到一个表单、一个按钮和一个示例。尝试一下，让我们知道它是如何运行的：

<form action="" method="post" name="my_form" id="my_form">
  <input type="submit" name="my_button" id="my_button" value="Submit">
</form>


<script type="text/javascript">
$("document").ready(function () {

    $('#my_form').submit(function () {

        $.ajax({
                url: "ajaxpage.php",
                dataType: "json",
                type: "POST",
                data: $(this).serialize(),
                success: function (result) 
                    {
                        //THere was an error
                        if(result.error) 
                        {
                            //So apply 'red' color to button
                            $("#my_button").addClass('red');
                        }
                        else
                        {
                            //there was no error. So apply 'green' color
                            $("#my_button").addClass('green');  
                        }
                    }                           
            });

        return false;
    });
});
</script>

<?php 
//ajaxpage.php
//Do your processing here

if ( $processed )
{
    $error = false;
}
else
{
    $error = true;  
}

print json_encode(array('error' => $error));
die();

?>


$（“文档”）.ready（函数（）{
$（“#我的表格”）。提交（函数（）{
$.ajax({
url:“ajaxpage.php”，
数据类型：“json”，
类型：“POST”，
数据：$（this）.serialize（），
成功：功能（结果）
{
//有一个错误
if（result.error）
{
//所以，将“红色”应用于按钮
$（“#我的按钮”）.addClass（'red'）；
}
其他的
{
//没有错误。所以应用“绿色”颜色
$（“#我的按钮”）.addClass（'green'）；
}
}                           
});
返回false；
});
});
您需要的是ajax。您需要ajax。我不知道你在用什么语言，所以我不知道它是如何工作的。但在大多数情况下，这将在javascript中完成…是的！伙计们，我读过关于Ajax的文章，我认为这是一个解决方案。你们需要的是Ajax。我不知道你在用什么语言，所以我不知道它是如何工作的。但在大多数情况下，这将在javascript中完成…是的！伙计们，我读过关于Ajax的书，我认为这是一个解决方案和回调函数，因为他想根据Ajax调用的响应来操作DOM。还有一个回调函数，因为他想根据Ajax调用的响应来操作DOM。