使用 jQuery / Javascript 在 MVC 4 中查找内容页面 URL答案

【问题标题】：Find Content Page Url in MVC 4 using jQuery / Javascript使用 jQuery / Javascript 在 MVC 4 中查找内容页面 URL
【发布时间】：2014-07-23 10:13:21
【问题描述】：

我有包含视图和部分视图的 MVC4 应用程序。

1) 查看页面（Home.cshtml,Index.cshtml）

2) 部分视图(View1.cshtml,View2.cshtml,View3.cshtml)

3) 我在 www.example.com/Home 页面中有 3 个按钮(Button1,Button2,Button3)

按钮是

<button id="btn1" type="button" onclick="btn1Click(this);"> View1 </button>
<button id="btn2" type="button" onclick="btn2Click(this);"> View1 </button>
<button id="btn3" type="button" onclick="btn3Click(this);"> View1 </button>

当单击这些按钮时，我会在主页（内容部分）中显示这些相应的部分视图。我在 .js 文件 中的 Javascript 函数(btn1Click(button)) 中编写了该代码。如果我们有更多的局部视图要显示在主页的内容中，那么我们如何使用 jQuery/Javascript 跟踪这些局部视图的路径（我们的项目文件路径）。如果我们使用

Window.location.href

我们将获得主网址（www.example.com/Home page），但是当用户点击这些按钮（button1/button2/button3）时，我需要找到 partial view path 除了项目路径（ ProjectName/PartilaViews/View1.cshtml) 或 (ProjectName/PartilaViews/View2.cshtml) 或 (ProjectName/PartilaViews/View3.cshtml) 使用 jQuery/Javascript .

我不想更改功能/程序（以上过程），

【问题讨论】：

标签： javascript jquery asp.net-mvc asp.net-mvc-4 tracker

【解决方案1】：

试试这个：

window.location.href='@Url.Action("action name", "controller name")'

你的控制器的 actionresult 将返回部分视图。

----------------------------------- - - - - - - - 或者 - - - - - - - - - - - - - - - - - - -------------------------------------------

var partial = '@Html.Partial("Partial view name")'

variable partial 将从局部视图返回 html。

【讨论】：

感谢您的快速回复，是的，它是正确的，但我需要使用纯（不使用任何 C#/Razor 语法）jQuery/Javascript 来实现/获取路径。控制器名称是任何东西，部分视图是我的 Javascript/jQuery 需要为所有控制器/视图工作的任何东西。
我没有得到你的问题@Surya 控制器名称是什么，部分视图是什么意思？？？
我将在 xyz.js 文件中编写该 javascript/jQuery 代码，并在该代码中放置一个警报（部分视图路径）；。如果我将 xyz.js 放在 project1 中，那么我将运行该项目，如果在单击按钮时发生任何操作，例如在内容中显示部分视图，那么我的脚本将处理该问题并在其中显示项目路径（部分视图路径）弹出（我在该代码中写的警报）。像这样，如果我将该 xyz.js 文件放在任何项目中，它需要处理我在上述消息中指定的那些操作并在警报中显示部分视图路径。

【解决方案2】：

我的问题得到了答案。通过使用以下代码，您可以获得项目 url 路径。但是您将获得从您的网站请求的所有 url 路径，但您需要根据您的要求分隔这些 url 路径。

$(document).ajaxComplete(function (event, xhr, settings) {
        if (settings.type == "GET")
        {
            var vGETUrl = settings.url;
            alert(vGETUrl);
        }
});

以上代码捕获来自您网站的“GET”请求。您可以通过以下网址了解更多详情

http://api.jquery.com/category/ajax/

【讨论】：