使用AJAX加载部分视图不起作用

约翰拉德

原谅我,我是MVC和AJAX的新手。

当前,我只是提交一个表单,并且我想使用表单中的数据来使用ajax在局部视图中更新表。

我的_UserInfo局部视图如下所示:

@model IEnumerable<Dashboard.Models.UserInfo>
<table>
    <tr>
        <th>
           Firstname
        </th>
        <th>
           Lastname
        </th>
        <th>
            EmailAddress
        </th>
        <th>
        </th>
    </tr>
@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.firstName)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.surname)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.emailAddress)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.SAMuserName)
        </td>
    </tr>
}
</table>

我的主User视图如下所示:

@model Dashboard.Models.User
@Scripts.Render("~/bundles/jqueryval")

@using (Ajax.BeginForm("_UserInfo", "User", new AjaxOptions()
                        {
                            HttpMethod = "GET",
                            UpdateTargetId = "results",
                            InsertionMode = InsertionMode.Replace
                        }))
{

    <fieldset>
    //...My Form 

        <p>
            <input type="submit" value="Find" />
        </p>
    </fieldset>
}

<div id="results">
</div>

最后这是我的UserController

public PartialViewResult UserResults(User person)
{
    UserInfo personInfo = new UserInfo();

    //....Doing stuff

    return PartialView("_userInfo", personInfo);
}

现在我知道这可能不好。但是,这是我凭自己的小知识尝试过的最佳尝试。

单击“用户”视图上的按钮时,出现404错误,提示找不到_UserInfo。

我相信我所有问题的根源都在

 @using (Ajax.BeginForm("_UserInfo", "User", new AjaxOptions()
                        {
                            HttpMethod = "GET",
                            UpdateTargetId = "results",
                            InsertionMode = InsertionMode.Replace
                        }))

但是据我所知,我不知道出什么问题了。


*编辑: *正如已经指出的那样,我错误地创建了HTML表单。从那以后我将其更改为

@using(Ajax.BeginForm(“ UserResults”,“ User”,新的AjaxOptions(){...}

我的行动现在被召唤!但是,我的局部视图没有被加载到屏幕上。

大卫·L

对于特定的重载,前两个字符串是ActionName和ControllerName MSDN因此,它应该像这样镜像您的控制器:

@using (Ajax.BeginForm("userResults", "User", new AjaxOptions()
                    {
                        HttpMethod = "GET",
                        UpdateTargetId = "results",
                        InsertionMode = InsertionMode.Replace
                    }))

另外,值得注意的是,在以下命名约定中,应将userResults重命名为UserResults

编辑:确保您同时使用Ajax.BeginForm(请参阅更新),并且还已经将ajax不引人注目的脚本包含在包中。在BundleConfig.RegisterBundles中,应该添加以下捆绑包。

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.unobtrusive*"));

并且在您的HTML中,确保两个包都被调用。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery Ajax MVC部分视图不起作用

来自分类Dev

使用 Ajax 调用将 div 替换为部分视图不起作用

来自分类Dev

从jQuery渲染部分视图不起作用

来自分类Dev

使用Ajax加载页面时,“返回”按钮不起作用

来自分类Dev

使用 ajax 加载更多图像时,prettyphoto 不起作用

来自分类Dev

尝试加载部分视图时,SetInterval和SetTimeout不起作用

来自分类Dev

ASP.NET MVC 5中的Ajax(部分视图)不起作用-始终仅单独打开部分视图

来自分类Dev

Ajax加载的StumbleUpon徽章不起作用

来自分类Dev

在WordPress的ajax加载不起作用

来自分类Dev

自动Ajax刷新后,手动刷新部分视图不起作用

来自分类Dev

$ .validator.unobtrusive.parse在将部分视图加载到jquery-ui对话框时不起作用?

来自分类Dev

部分重载视图后,jQuery keyup事件不起作用?

来自分类Dev

ng-click在MVC部分视图中不起作用

来自分类Dev

模型绑定在部分视图中不起作用

来自分类Dev

刷新后,JS文件在部分视图中不起作用

来自分类Dev

在部分视图中自动刷新不起作用

来自分类Dev

模型绑定在部分视图中不起作用

来自分类Dev

ASP.NET部分视图不起作用

来自分类Dev

部分视图上的 Yii2 资产不起作用

来自分类Dev

路由不起作用,也无法加载 html 视图

来自分类Dev

首次单击时使用Ajax加载的Show Bootstrap选项卡不起作用

来自分类Dev

滚动到页面底部时,使用ajax加载PHP代码-在iPhone上不起作用

来自分类Dev

首次单击时,使用Ajax加载的Show Bootstrap选项卡不起作用

来自分类Dev

使用ajax传递#值不起作用

来自分类Dev

使用bootstrapvalidator AJAX SubmitHandler不起作用

来自分类Dev

使用$ .ajax进行发布不起作用

来自分类Dev

使用ajax的多循环不起作用

来自分类Dev

使用ajax登录表单不起作用

来自分类Dev

使用jQuery AJAX登录不起作用

Related 相关文章

  1. 1

    jQuery Ajax MVC部分视图不起作用

  2. 2

    使用 Ajax 调用将 div 替换为部分视图不起作用

  3. 3

    从jQuery渲染部分视图不起作用

  4. 4

    使用Ajax加载页面时,“返回”按钮不起作用

  5. 5

    使用 ajax 加载更多图像时,prettyphoto 不起作用

  6. 6

    尝试加载部分视图时,SetInterval和SetTimeout不起作用

  7. 7

    ASP.NET MVC 5中的Ajax(部分视图)不起作用-始终仅单独打开部分视图

  8. 8

    Ajax加载的StumbleUpon徽章不起作用

  9. 9

    在WordPress的ajax加载不起作用

  10. 10

    自动Ajax刷新后,手动刷新部分视图不起作用

  11. 11

    $ .validator.unobtrusive.parse在将部分视图加载到jquery-ui对话框时不起作用?

  12. 12

    部分重载视图后,jQuery keyup事件不起作用?

  13. 13

    ng-click在MVC部分视图中不起作用

  14. 14

    模型绑定在部分视图中不起作用

  15. 15

    刷新后,JS文件在部分视图中不起作用

  16. 16

    在部分视图中自动刷新不起作用

  17. 17

    模型绑定在部分视图中不起作用

  18. 18

    ASP.NET部分视图不起作用

  19. 19

    部分视图上的 Yii2 资产不起作用

  20. 20

    路由不起作用,也无法加载 html 视图

  21. 21

    首次单击时使用Ajax加载的Show Bootstrap选项卡不起作用

  22. 22

    滚动到页面底部时,使用ajax加载PHP代码-在iPhone上不起作用

  23. 23

    首次单击时,使用Ajax加载的Show Bootstrap选项卡不起作用

  24. 24

    使用ajax传递#值不起作用

  25. 25

    使用bootstrapvalidator AJAX SubmitHandler不起作用

  26. 26

    使用$ .ajax进行发布不起作用

  27. 27

    使用ajax的多循环不起作用

  28. 28

    使用ajax登录表单不起作用

  29. 29

    使用jQuery AJAX登录不起作用

热门标签

归档