我试图让这个方框从"到达端点"当它点击恢复正常时它会做什么。但它似乎没有更新它的状态。
HTML:
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<button type="submit" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Hitting Endpoint.." class="btn btn-primary btn-lg" value="Hit Endpoint" id="submitButton" style="max-width: 1000px; height: 500px; margin-left: 250px; margin-right: 10px; margin-top: 20px; margin-bottom: 0px; width: 200px; height: 75px">Hit Endpoint</button>
</div>
</div>
JS:
$("#submitButton").on("click", function () {
var request = $("#requestBox").val();
if (!request) {
alert("Please populate the request box with valid JSON");
return;
}
$("#submitButton").button('loading');
$.post('@Url.Action("Run")', { requestJson: request })
.success(function (data) {
var jsonPretty = JSON.parse(data);
alert("Was successful");
renderjson.set_max_string_length("none");
renderjson.set_show_to_level(2);
document.getElementById("responseBox").appendChild(renderjson(jsonPretty));
$(window).scrollTop($('#pBox').offset().top);
$("#submitButton").button('reset');
})
使用重置似乎无法正常工作。我究竟做错了什么?我是否真的必须像这里的例子一样使用setTimeout
?
http://codepen.io/jmalatia/pen/HkmaA
干杯