En primer lugar, declaro que estoy apuntando al navegador Google Chrome. Creo que solo escribo un blog y no explico el entorno de programación actual. En mi opinión, es un canalla.
$(function(){
$('#btnSearch').click(function(){
$(this).attr('disabled',true)
$('#btnSearch').text('查询中。。。')
console.log(this)
var $Results = $('#Results');//获取页面上id为tableId的table对象
$("#Results").empty(""); //清空table
var tableStr;//定义一个用来拼表格内容的字符串
jQuery.support.cors = true;
$.ajax({
async:true,
type: 'POST',
url: 'http://localhost:20422/api/DPPM/DPPM_Oper',
contentType: "application/json;charset=utf-8", //json格式传给后端
data: JSON.stringify({
FactoryID: $("#FactoryID").val(),
PNs: $("#txtPN").val(),
WOs:$("#texWo").val(),
EventPoint : $("#EventPoint").val(),
Categoryname : $("#Categoryname").val(),
dateS: $("#txtDateS").val(),
dateE: $("#txtDateE").val(),
}),
dataType: "json",//数据返回格式
success: function (data) {
console.log(data);
if (data.status==0){
var $tr = null;
for (key in data.data[0]) {
$tr = $tr + "<td>" + key + "</td>";
}
$tr = "<tr>" + $tr + "</tr>";
if (data.data.length == 0) {
$Results.append("<tr> <td>没有数据</td> </tr>");
}
else {
$Results.append($tr);
}
for (var i = 0; i < data.data.length; i++) {
//动态创建一个tr行标签,并且转换成jQuery对象
var $trTemp = $("<tr></tr>");
//往行里面追加 td单元格
$trTemp.append("<td>" + data['data'][i].partno + "</td>");
$trTemp.append("<td>" + data['data'][i].Total + "</td>");
$trTemp.append("<td>" + data['data'][i].FA + "</td>");
$trTemp.append("<td>" + data['data'][i].dppm + "</td>");
$trTemp.append("<td>"+"<button οnclick='chickMe(this)' data-partno="+"'"+
data['data'][i].partno+"'"+
" data-FactoryID="+"'"+ $("#FactoryID").val()+"'"+
" data-WOs="+"'"+ $("#texWo").val()+"'"+
" data-EventPoint="+"'" +$("#EventPoint").val()+"'"+
" data-Categoryname="+"'"+ $("#Categoryname").val()+"'"+
" data-dateS="+"'"+ $("#txtDateS").val()+"'"+
" data-dateE="+"'"+ $("#txtDateE").val()+"'"+
">导出</button>" +"</td>");
$trTemp.appendTo($Results);
}
}
else{
alert (data.message)
}
$('#btnSearch').text('查询')
$('#btnSearch').attr("disabled",false);
},
error: function (err) {
console.log(err);
$('#btnSearch').text('查询')
$('#btnSearch').attr("disabled",false);
alert('失敗');
},
});
})
})
Este es mi código completo El
botón no es accesible, el siguiente código:
$(this).attr('disabled',true)
$('#btnSearch').text('查询中。。。')
Recuperación de la función del botón
$('#btnSearch').text('查询')
$('#btnSearch').attr("disabled",false);
$('#btnSearch').removeAttr("disabled");
Sin embargo, lo extraño es que el siguiente método de escritura, lo revisé desde Internet, pero no funciona, muy deprimido, hasta ahora no he descubierto por qué es así, cuál es la diferencia entre estos tres métodos de escritura,
$('#btnSearch').attr("disabled","");
También debe tenerse en cuenta que al establecer el atributo disabled en fales, debe escribirse en las funciones de devolución de llamada de éxito y error.