6

サムネイルリストを表示する簡単なページがあります、

ポケットベルを追加したいのですが、2つのアクションリンクを追加しました

  <li class="ui-pagination-next">@Html.ActionLink("Next", "Paginate", "Home", new { nbSkip = ViewBag.nextSkip }, null)</li>

リンクをクリックすると、リダイレクトされます

http://localhost:41626/#/Home/Paginate?nbSkip=60

それ以外の

http://localhost:41626/Home/Paginate?nbSkip=60 ,

「＃」文字がURLに追加される理由を誰かが知っていますか？

ルートcopnfig：

public class RouteConfig
{
    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
        );
    }
}
4

4 に答える 4

4

コードを見ると、他のJSフレームワークが実際にこのリンクのクリックイベントをリッスンしていて、実際にブラウザがページやでリダイレクトされないように、ui-pagination-next
ある種のajax
ハッシュ文字が使用されていることがわかります。"#"同時に履歴が保持さ
れるため、ブラウザの戻るボタンを押すと、リンクのこの追加部分#が削除され、evetにサブスクライブされているJSフレームワークは

、より簡単な方法でそれを処理する方法を知っています。 後の
何か#urlサーバーに送信されません。一部のJSフレームワークはajax部分を処理しているため、リクエストがサーバーに直接送信されることを望まず、同時にブラウザのアドレスバーに適切に表示されるため、リンクの＃の後にあるものを追加して続行しますAJAXを使用して、前後にハッシュを使用した詳細な記事をここに示し

ます

于 2012-09-07T09:26:46.013 に答える
2

ここでjQueryMobileが使用されていると仮定して、imliのクラスを確認します。ui-pagination-next

jQuery Mobileはデフォルトで、リンクをAJAX対応にします

必要に応じて、次を使用してこれを防ぐことができます。

$.mobile.ajaxLinksEnabled = false; 

<script type="text/javascript">
   $(function(){
       $.mobile.ajaxLinksEnabled = false; 
   });
</script>
于 2012-09-07T09:20:54.690 に答える
0

もし私があなたなら、私はAjax Raw ActionLinkを使うでしょう：

@Ajax.RawActionLink("NameofLink", "Action", "Controller", new { oid = 0, type = "oid and type are 2 parameters you want to send to action " }, new { id = "btnNewB", @class = "anyclass" })
于 2012-09-07T09:22:28.197 に答える
0

ご回答ありがとうございました、

よく見られる@curt、実際にはjQuery mobileを使用していますが、問題の原因は次のとおりです。mobile.changePage

今、私はスローページをナビゲートするためにシンプルなボタンを使用していますが、

$.mobile.ajaxLinksEnabled = false;

ajaxリンクの問題は解決しません。だから私はこれをしました、そしてそれは今働いています

 @Html.ActionLink("Previous", "Index", new { nbSkip = ViewBag.previousSkip }, new { data_role = "button", data_icon = "arrow-l", rel = "external", data_ajax = false })

説明してくれた@ParvSharmaに感謝します

于 2012-09-07T11:26:51.173 に答える