jQuery ajax preload ve yükleniyor mesajlarını bootstrap ile gösterme

Ajax ayarlarını önceden yapmak ve yükleniyor başlığını değiştirebilmek.

Arkadaşlar,

beforeSend:.....
complete: ....
error: ....
kısımları malumunuz. Burada ek olarak normalde $.ajaxSetup içinde olmayan ve eklememize müsade ettiği "loadingTitle, loadingMessage" propları.
Bu propları ekledim ve erişmek için beforeSend içinde "this.xxxx" ile erişiyoruz.


Buna göre ajax çağrısı şöyle olacak:

    $.ajaxSetup({
        type: 'POST',
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        loadingTitle: "Lütfen Bekleyiniz...",
        loadingMessage : "İsteğiniz yerine getiriliyor",
        beforeSend: function () {
            this["loadingDialog"] = window["bootboxDialog"] = bootbox.dialog({
                showLoading: true,
                closeButton: false,
                title:   this.loadingTitle ,
                message: this.loadingMessage 
            });
        },
        complete: function (XMLHttpRequest, textStatus) {
            this["loadingDialog"].modal("hide");
        },
        error: function(error) {
            alert(error.d);
            if (error == "timeout") {

                bootbox.dialog({
                    title: "ZAMAN AŞIMI",
                    message: "The request timed out, please resubmit. Tekrar deneyiniz."
                });
            } else {
                var gelen = error.responseText;
                Dialoglar.AlertHatali("HATA OLUŞTU", gelen.substr(12, gelen.indexOf("Stack") - 15), "");
            }

            if (error.responseText.indexOf("Unauthorized") > 0) {
                Dialoglar.AlertHatali("YETKİSİZ KULLANICI", "The request failed with HTTP status 401: Unauthorized.", "SGK Kullanıcı adı ve şifrenizi kontrol ediniz");
            } else if (error.responseText.indexOf("timeout") > 0) {
                Dialoglar.AlertHatali("ZAMAN AŞIMI", "The request timed out, please resubmit", "Tekrar deneyiniz.");
            } else {
                var gelen = error.responseText;
                Dialoglar.AlertHatali("HATA OLUŞTU", gelen.substr(12, gelen.indexOf("Stack") - 15));
            }
        }
    });

Web.Config içereisinde mime tiplerini eklemek ve 500 Server Error hatasını gidermek

Request ended: http://localhost:62017/ with HTTP status 500.0

SVG dosyasını görüntülemek istediğimizde aşağıdaki hatayı alıyordum:



Aşağıdaki kodla çözüldü:

.
..
...
....
  </system.web>
  <!-- 
        The system.webServer section is required for running ASP.NET AJAX under Internet
        Information Services 7.0.  It is not necessary for previous version of IIS.
    -->
  <system.webServer>
    <staticContent>
      <remove fileExtension=".svg" />
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
    </staticContent>
  </system.webServer>

....
...
..
.

Ref:
IIS 7.0: Configuring MIME Types in IIS 7.0
http://www.iis.net/learn/manage/managing-your-configuration-settings/adding-ie-9-mime-types-to-iis
http://blogs.iis.net/bills/archive/2008/03/25/how-to-add-mime-types-with-iis7-web-config.aspx