按钮点击事件发送请求改变状态

$('#table').bootstrapTable({ ajax: ajaxRequest1, showLoading: true, striped: true, pageNumber: 1, sortable: true, locale: 'zh-CN', showExport: true, buttonsAlign: "left", //按钮位置 exportTypes: ['excel'], //导出文件类型 Icons: 'glyphicon-export', pagination: true, sidePagination: 'server', //s pageSize: 10, pageList: [5, 10, 20, 30, 50], online: 'center', columns: [{ checkbox: true, formatter: stateFormatter }, { title: '序号', formatter: function (value, row, index) { var pageSize = $('#table').bootstrapTable('getOptions') .pageSize; var pageNumber = $('#table').bootstrapTable('getOptions') .pageNumber; return pageSize * (pageNumber - 1) + index + 1; } }, { title: '报警类别', field: 'alarmMsg', }, { title: '经度', field: 'lng', }, { title: '纬度', field: 'lat', }, { title: '姓名', field: 'holderName', }, { title: '设备序列号', field: 'deviceSerialNum', }, { title: '报警时间', field: 'alarmTime', }, { field: 'oprate', title: '操作', formatter: function (value, row, index) { if(row.handle==false){//根据接口里面的数据判断 return [ `<button type="button" id="wo_data" class="btn btn-sm btn-warning"><span class="" aria-hidden="true">未处理</span></button>` ] }else{ return[ `<button type="button" id="wo_data1" class="btn btn-sm btn-primary" disabled="disabled"><span class="" aria-hidden="true">已处理</span></button>` ] } }, events: operateEvents }] }) //调用接口 window.operateEvents = { 'click #wo_data': function (e, value, row, index) { $.ajax({ url:`/map/alarm/updateHolderById/` +row.id,//将id返回给后台 type:'put', success:function(res){ $('#table').bootstrapTable('refresh') } }) } }

效果图