瀏覽人數

            カウンター

2012年7月15日 星期日

jquery.ajax beforeSend的用法 馬上學


<div id="loading" style="display: none;position:fixed !important;position:absolute;top:0;left:0;height:100%; width:100%; z-index:999; background:#000 url(<%=Url.Content("~/images/load.gif")%>) no-repeat center center; opacity:0.6; filter:alpha(opacity=60);font-size:14px;line-height:20px;">
        <p id="loading-one" style="color:#fff;position:absolute; top:50%; left:50%; margin:20px 0 0 -50px; padding:3px 10px;">資料載入中......</p></div>


   <%-- 執行搜尋 --%>
            $.ajax({
                type: "POST",
                url: '<%= Url.Action("xxx", "xxxx") %>',
                data: formdata,
                beforeSend: function () {
                    $("#loading").show();
                 
                },
                success: function (data) {
                    $("#resultContainter").html(data);
                    $("#loading").hide();
                    $.scrollTo('0px',100);                  
                },
                error: function (data) {
                    alert("搜尋發生錯誤,請稍後再試..");
                    $("#loading").hide();
                }
            });

資料載入中......

沒有留言:

張貼留言