loading等待

 <div id="loading" style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0.6; background: #fff; display: none;">
     <div style="margin: 200px auto; width: 176px; height: 220px;">
          <img src="loading.gif" />
     </div>
 </div>

 $.ajax({
                                type: "POST",
                                url: "Project.ashx?action=SetProStu",
                                //async: false,
                                data: {
                                    keyword: $('#ProStuKeyWord').val(),
                                },
                                dataType: 'json',
                                beforeSend: function () {
                                    $("#loading").show(); //在后台返回success之前显示loading图标
                                },
                                success: function (data) {
                                    if (data.result == '1') {
                                        $etable.bootstrapTable('refresh');
                                    } else {
                                        alert("授权失败！");
                                    }
                                },
                                complete: function () {
                                    $("#loading").hide();
                                },
                            });

遇到的错误：
属性async为false时无效

async: 默认是true：异步，false：同步。