0

我有这个按钮的代码，

<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，但不完全确定。任何帮助将不胜感激。！

4

3 回答 3

0 
$.ajax(function(){
  complete: function(){
     $('#ajaxwel').prop('val','Submit'); 
  },
  beforeSend: function(){
     $('#ajaxwel').prop('val','Sending..');
  }
});
于 2013-08-08T13:16:03.857 回答
0

试试看，

<?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>";
?>
于 2013-08-08T13:19:06.770 回答
0

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

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

你想让我发布一个示例页面吗？打样电话？ETC？

数据：被 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 一个页面。你会做一些数据库的东西，并回显一个回报。然后将返回的内容传递给成功调用。

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

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

于 2013-08-08T13:20:41.403 回答