javascript beforページをフルロード

Question

私はマスターページと子ページを持っています。
メニューはマスターページにあります。
Ajaxコールでアクセス権を取得して、メニューリンクを非表示にします。

$.ajax({ 

    type: "POST", 
    contentType: "application/json; charset=utf-8", 
    url: "Query.asmx/GetUserPermissions", 
    data: "{}", 
    dataType: "json", 
    success: function (Result) { 
    Perms = Result.d; 
    var pageName = location.pathname.substring(1).toLowerCase(); 
    if (Perms.indexOf('4') != -1) { 
     $("#liCars").show(); 
    } 
    else { 
     if (pageName == 'webform2') { 
     window.location = 'default.aspx' 
     } 
    } 
    }, 
    error: function (Result) { 
    alert(Result.d); 
    } 
}); 

問題は何ですか？
問題は、ユーザーがメニューなしでurlと入力すると、ページが完全に読み込まれてからデフォルトにリダイレクトされることです。
document.ready上にあるので正常だと思います。
ready()の外でも試しましたが、liは存在しません。そのため、非表示または表示が機能しません。

Answer 1

私はHTMLファイルから完全なメニューhtmlをカットして、必要なときにそれを表示するのにappend();を使うべきだと思います。それは例えばjavascriptの負荷まで表示されません。この方法：それはHTMLに依存し、それを置く場所に依存しない

$.ajax({ 

    type: "POST", 
    contentType: "application/json; charset=utf-8", 
    url: "Query.asmx/GetUserPermissions", 
    data: "{}", 
    dataType: "json", 
    success: function (Result) { 
    Perms = Result.d; 
    var pageName = location.pathname.substring(1).toLowerCase(); 
    if (Perms.indexOf('4') != -1) { 
     $("#mydiv").append('<menu>menu items html</menu>'); 
    } 
    else { 
     if (pageName == 'webform2') { 
     window.location = 'default.aspx' 
     } 
    } 
    }, 
    error: function (Result) { 
    alert(Result.d); 
    } 
});