gpt4 book ai didi

asp.net-mvc - 如何使 Ajax.ActionLink 更新元素而不是导航整个页面?

转载 作者:行者123 更新时间:2023-12-02 02:18:29 25 4
gpt4 key购买 nike

我正在尝试更新 <div>在我看来,当用户单击Ajax.ActionLink时。但是,它始终导航整个页面,而不是将服务器的响应插入到我指定的元素中。

我感觉我正在做this example中的一切,但即使在创建了最简单的测试用例之后,我仍然无法创建我想要的行为。

在下面的测试用例中,我加载 /Company/test点击“开始!”后,我期望的是 <div>替换为“全部完成”,但整个页面导航至 /Company/test_ajax .

我确信我在这里遗漏了一些东西。提前致谢。

CompanyController

public ActionResult test()
{
return View();
}

public ActionResult test_ajax()
{
return Content("All done");
}

test.aspx

<%@ Page Title="" Language="C#" Inherits="System.Web.Mvc.ViewPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
</head>
<body>

<h2>test</h2>
<%= Ajax.ActionLink("Go!", "test_ajax",
new AjaxOptions {
UpdateTargetId="viewport"
}) %>
<div id="viewport">Replace me!</div>

</body></html>

最佳答案

如果您使用 MVC 3,则必须包含“jquery.unobtrusive-ajax.js”作为引用。它应该已经存在于您的 Scripts 文件夹中。\m/

关于asp.net-mvc - 如何使 Ajax.ActionLink 更新元素而不是导航整个页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/874143/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com