Question

In my application I have a layout page for viewing the project:

This page have 4 sub-pages (Details, Photos, addresses and comments).

Example:

/myproject = Open the details page

/myproject/Photos = Open the Photos page

/myproject/Addresses = Opens the page addresses

/myproject/Comments = Open the page of comments

Question

How to use # to load pages via ajax to the URL?

Example

/myproject = Open the details page

/myproject#Photos = Open the Photos page

/myproject#Addresses = Opens the page addresses

/myproject#Comments = Open the page of comments

In page layout where I have four buttons, click on the photo for example, the page would be loaded via ajax. and url go

from /myproject

to /myproject#Photos

Resume

How to use ‘#’ in asp.net MVC?

Answer 1

They are generally called URL fragments and are used as bookmarks on a page to navigate to different sections of that page. When clicked they will scroll down the currently loaded page to the matching tag name. I would recommend against using them as paths to different pages.

You can use them as bookmarks by specifying the fragment in the Htmlhelper:

@Html.ActionLink("My Photos", "Action", "Controller", null, null, "Photos", null, null)

Then in your Photos partial that represents the Photos sub-page, set the html id attribute to “Photos” in the div or label or whatever represents the beginning of the Photos partial. The link created with the @Html.ActionLink will look for a html element ID that matches the word you typed into the fragment.

See LinkExtensions.ActionLink Method for more details.