MVC Ajax不工作。在新页面中打开操作,而不是相同的页面

MVC Ajax不工作。在新页面中打开操作,而不是相同的页面,ajax,asp.net-mvc,razor,Ajax,Asp.net Mvc,Razor,我正在与MVC5合作。Ajax编码不适合我。下面是我的代码。有什么我想补充的吗 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Welcome</title> </head> <body> <div> @using (

我正在与MVC5合作。Ajax编码不适合我。下面是我的代码。有什么我想补充的吗

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Welcome</title>
</head>
<body>
    <div>
        @using (Ajax.BeginForm("UpdateForm", new AjaxOptions { UpdateTargetId = "textEntered" }))
        {
            @Html.TextBox("textBox1", "Enter text");
            <input type="submit" value="Submit" /><br />
            <span id="textEntered">Nothing Entered</span>                              
        }
})
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")

</body>
</html>

当我点击提交按钮时。它将重定向到新页面。但在同一页中,我想显示该值。

检查我的
web.config
文件中的属性
UnobtrusiveJavaScriptEnabled
是否设置为
false
。如果是,则将其更改为
true

其他支票

jquery.unobtrusive ajax.min.js
被导入到您的页面上


您没有设置
Html.TextBox
id
TextBox
助手的第一个参数设置
name
属性的值,而不是
id
的值。因此,您需要明确地告诉助手要为
文本框设置哪些Html属性:

@Html.TextBox("textBox1", 
              "Enter text", 
              new Dictionary<string, object>(){ {"id", "textBox1"} });
@Html.TextBox(“textBox1”,
“输入文本”,
新字典(){{“id”,“textBox1}});
@Html.TextBox("textBox1", 
              "Enter text", 
              new Dictionary<string, object>(){ {"id", "textBox1"} });