求急：我想做一个AJAX的按钮提交，单击按钮后弹出对话框：正在提交，按钮变成灰色，

Posted 2023-05-03

提交完成后，弹出对话框“成功”，按钮变回正常颜色，用php做，FLEAPHP框架。。。
由于我是新手，在这里谢谢大家啦
提交按钮变成灰色后，再点击就没有反应（主要是防止重复提交）

参考技术A 用Jquery，实现写给你看下。。

//数据提交函数
function sbt()
//提交禁用按键
$("#submit").attr(
'disabled': true
);

//提交
$.getJSON("index.php?app=member_rating&act=update_rating_data&field=" + field + "&val=" + val + "&brand_id=" + id,
function(e)
if (e.done) //提交成功
$("#submit").attr(
'disabled': false
);

else
alert(e.msg)

)



代码帮你写好了，你可以按照这原理来写。本回答被提问者采纳 参考技术B 你是用jquery么
jquery的ajax方法可以接受beforeSend和complete，你可以在beforeSend里面设置css变成灰色和修改文字，然后再在complete里面恢复追问

我是用的jquery

追答

$.ajax(

beforeSend: function()
,
complete : function()


)

追问

谢谢，我能加你好友吗？怎么加你好友啊？

追答

百度hi没玩过，你有问题直接给我发站内信就可以了

追问

我可以加你QQ吗？

追答

上班不能用qq

通过js批量提交后弹框

在一个报表页面有批量操作功能，选择任意条数据后点击审核按钮，弹出审核意见填写页面，填写完成后提交，代码：

function approveListProgram() {
        var ids = "";
        //获取所有已选择的复选按钮的id，拼接成字符串ids
        $(‘.frog-table‘, NavTab.getCurrentPanel()).find(
                ‘tbody input[type="checkbox"]‘).each(function() {
            if ($(this).prop("checked")) {
                var id = $(this).parents(‘tr:first‘).attr("rel");
                if (ids == "") {
                    ids = id;
                } else {
                    ids += "," + id;
                }
            }
        });
        if (ids == "") {
            Dialog.warn("未选中一条以上的数据");
            return;
        }
        //请求后台，指定弹框的宽高
        $.get(‘${ctx}/fcHydrantDetail/preApprove/‘+ids,function(rtn){
              layer.open({
              type: 1,
              skin: ‘layui-layer-rim‘, //加上边框
              area: [‘500px‘, ‘350px‘], //宽高
              content: rtn
            });
          });
    }

弹窗页面填写意见提交后当前弹框不自动关闭：

//使用layui关闭页面的方式
layer.closeAll();

在js里修改form表单的action：

// $("#approvefrom").action= "${ctx}/fcHydrantDetail/sendback/${ids}";这种方式不起作用
$("#approvefrom").attr("action", "${ctx}/fcHydrantDetail/sendback/${ids}");