发送 ajax 请求并更新按钮状态

Question

我有这个按钮的代码，

<table style='border:0;margin:0;padding:0;'><tr><td>";
echo "<form action='' method='POST'><input type='submit' id='ajaxwel'
class='".(getqrsitebooleans($companyqr,10002,'True') === 'True' ? 'togglebtn' :
'togglebtnon' )."' name='dotogglebool' value='".
(getqrsitebooleans($companyqr,10002,'True') === 'True' ? 'Skjul' : 'Vis' ).
"'><input type='hidden' name='mainsetup' value='1'><input type='hidden' 
name='itemid' value='10002'></form></td><td>$tmptextholder</td></tr></table>

我要做的是用 ajax 发送表单，然后更新按钮状态，这是由 class='".(getqrsitebooleans($companyqr,10002,'True') === 'True' ? 'togglebtn' : 'togglebtnon' )."' 完成的

但目前我也不知道该怎么做。该按钮有两种状态，由数据库中的值更改，单击时会发送一个 POST 更改数据库中的值，重新加载站点，然后读取更改并将更改的状态显示为从绿色变为红色，

我假设我将使用 $.ajax，但不完全确定。任何帮助将不胜感激。！

Answer 1

$.ajax(function(){
  complete: function(){
     $('#ajaxwel').prop('val','Submit'); 
  },
  beforeSend: function(){
     $('#ajaxwel').prop('val','Sending..');
  }
});

Answer 2

试试看，

<?php
    echo "<table style='border:0;margin:0;padding:0;'><tr><td>
    <form action='' method='POST'>
        <input type='submit' id='ajaxwel'
           class='".(getqrsitebooleans($companyqr,10002,'True') === 'True' ? 
           'togglebtn' : 'togglebtnon' )."' 
           name='dotogglebool' value='".(getqrsitebooleans($companyqr,10002,'True') === 'True' ? 'Skjul' : 'Vis' )."'>
        <input type='hidden' name='mainsetup' value='1'><input type='hidden' name='itemid' value='10002'>
    </form></td><td>".$tmptextholder."</td></tr></table>";
?>

Answer 3

AJAX 将调用您创建的页面。该页面执行所有数据库 ping。

确保发布正确的变量。另外：在该页面上，您将返回 Javascript、JSON、XML 或其他任何可解析的内容......并在完整的函数中对其进行解析。在该页面内，确保您的所有操作都得到处理，并且数据库查询您想要的内容。

您希望我发布一个示例页面吗？打样电话？等等？

数据： 被ping的页面：http://phpfiddle.org/main/code/tt3-8j2

ajax 请求：

$.ajax({}
  method:"POST",
  data: {myItem: "some data"}
  url: "TESTPAGE.php",
  success: function(a,b,c){
    $("#button").val(JSON.parse(a.responseText)["out"]);
    //if something is updated you might want to disable it as well temporarily.
    $("#button").css("disabled","disabled");
  }
);

这将使用发布的数据 ping 一个页面。你会做一些数据库的东西，并回显一个回报。然后将返回的内容传递给成功调用。

我无法真正在 atm 测试它，小错误如成功调用中的哪个变量等。

按钮的值应更改为“更新”