如何在不刷新页面asp.net mvc的情况下使用ajax / javascript更新数据库

用户名

我想通过执行一些ajax调用而不刷新页面来将数据库中的enumdropdownlist的值从active更改为inactive 我该怎么做呢?javascript方法还是ajax.beginform?不确定这里...

我尝试了ajax.beginform,并且该调用获得了对控制器的确定,但随后它尝试通过将其作为操作结果返回来刷新/渲染视图。我不希望它刷新视图,因为我丢失了ViewModel数据。我以为ajax.beginform仅刷新了表单内部的内容?我需要用javascript方法执行此操作吗?如何防止在操作方法中刷新/渲染视图?

这是我的ajax表格。如果返回视图,则会丢失所有“模型”视图数据,因此model.statusenabled为null!我不明白为什么它为null,因为它在ajaxform之外...

@if (Model.StatusEnabled)
      {
          using (Ajax.BeginForm("UpdateStatus", "Student", new AjaxOptions
          {
              HttpMethod = "post",
              OnSuccess = "dotcolor();"
          }))
          {
              @Html.EnumDropDownListFor(model => model.Status, new { @class = "btn btn-default btn-lg dropdown-toggle", onchange = "this.form.submit();", id = "enumstatus" })
          }
      }
      else
      {
         @Html.EnumDropDownListFor(model => model.Status, new { @class = "btn btn-default btn-lg dropdown-toggle", disabled = "disabled" })
      }

这是我的行动方法

    [HttpPost]
    public ActionResult UpdateStatus()
    {
        //update database
        // don't return view because it gets refreshed
        // and I have to re pass in my viewmodel
        return View("Edit"); 
    }

如果我在UpdateStatus()中将返回类型更改为void,它仍然尝试返回一个称为UpdateStatus的视图。不是我想要的

用户名

使用jquery和ajax发布所选值相对容易

Html

@Html.EnumDropDownListFor(m => m.Status, new { @class = "btn btn-default btn-lg dropdown-toggle" })

脚本

var id = '@Model.ID'; // store the ID of the student (change to suit your property name)
var url = '@Url.Action("UpdateStatus", "Student")';
$('#Status').change(function() {
  var status = $(this).val();
  $.post(url, { ID: id, Status: status }, function(data) {
    // do something with the returned value e.g. display a message?
    // for example - if(data) { // OK } else { // Oops }
  }
}

控制器

[HttpPost]
public ActionResult UpdateStatus(int ID, EmployeeStatus Status) // assumes the enum is typeof EmployeeStatus 
{
  // update the employees status based on the parameters
  return Json(true); // or return Json("some message")
}

请注意,您可能需要检查状态是否确实已更新,例如,在可能return Json(null)return Json("some error message")随后可用于在页面上显示消息的catch块中

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在不刷新页面的情况下更新会话存储数据?

来自分类Dev

如何在不刷新页面的情况下连续更新PHP变量?

来自分类Dev

如何在不刷新页面的情况下检测 Service Worker 更新?

来自分类Dev

如何在不刷新页面的情况下获取laravel数据?

来自分类Dev

如何在不刷新页面的情况下将数据保存到Mysql

来自分类Dev

如何在不刷新页面的情况下发布成功后更新页面内容

来自分类Dev

如何在不刷新页面的情况下定期更新数据?

来自分类Dev

如何在不刷新页面的情况下定期更新数据?

来自分类Dev

如何在不刷新页面的情况下正确显示存储在外部模型中的数据?

来自分类Dev

如何在不刷新页面的情况下捕获javascript中的php会话变量?

来自分类Dev

如何在不刷新页面的情况下从JavaScript代码执行C#方法?

来自分类Dev

如何在不刷新页面的情况下从php中的sql server数据库中获取数据

来自分类Dev

如何在不刷新页面的情况下从php中的sql server数据库中获取数据

来自分类Dev

jQuery FullCalendar如何在ajax调用后显示数据而不刷新页面

来自分类Dev

如何在不刷新页面的情况下自动更新离子列表上的数据

来自分类Dev

如何在不刷新页面的情况下自动更新值,ionic2 更新值

来自分类Dev

asp.net:更新页面内容而不刷新(部分页面更新)

来自分类Dev

如何在不刷新页面的情况下从 Firestore 云界面删除数据后更新视口

来自分类Dev

如何在不刷新页面的情况下重新初始化同一页面中的数据表

来自分类Dev

ASP.NET MVC显示结果而不刷新页面

来自分类Dev

javascript或ajax使用asp.net mvc更新数据库?

来自分类Dev

在不刷新页面的情况下将数据发送到数据库

来自分类Dev

如何在不刷新页面的情况下更新购物篮中的产品数量?

来自分类Dev

如何在不刷新页面的情况下每分钟自动更新股票价格?

来自分类Dev

如何在不刷新页面MVC C#的情况下显示不同的值

来自分类Dev

使用Jquery,Ajax提交表单而不刷新页面时无法读取数据库

来自分类Dev

如何在不刷新页面的情况下使用jQuery remove()?

来自分类Dev

如何在不刷新页面的情况下对表单使用验证?

来自分类Dev

React-Router-在不刷新页面的情况下更新BrowserHistory

Related 相关文章

  1. 1

    如何在不刷新页面的情况下更新会话存储数据?

  2. 2

    如何在不刷新页面的情况下连续更新PHP变量?

  3. 3

    如何在不刷新页面的情况下检测 Service Worker 更新?

  4. 4

    如何在不刷新页面的情况下获取laravel数据?

  5. 5

    如何在不刷新页面的情况下将数据保存到Mysql

  6. 6

    如何在不刷新页面的情况下发布成功后更新页面内容

  7. 7

    如何在不刷新页面的情况下定期更新数据?

  8. 8

    如何在不刷新页面的情况下定期更新数据?

  9. 9

    如何在不刷新页面的情况下正确显示存储在外部模型中的数据?

  10. 10

    如何在不刷新页面的情况下捕获javascript中的php会话变量?

  11. 11

    如何在不刷新页面的情况下从JavaScript代码执行C#方法?

  12. 12

    如何在不刷新页面的情况下从php中的sql server数据库中获取数据

  13. 13

    如何在不刷新页面的情况下从php中的sql server数据库中获取数据

  14. 14

    jQuery FullCalendar如何在ajax调用后显示数据而不刷新页面

  15. 15

    如何在不刷新页面的情况下自动更新离子列表上的数据

  16. 16

    如何在不刷新页面的情况下自动更新值,ionic2 更新值

  17. 17

    asp.net:更新页面内容而不刷新(部分页面更新)

  18. 18

    如何在不刷新页面的情况下从 Firestore 云界面删除数据后更新视口

  19. 19

    如何在不刷新页面的情况下重新初始化同一页面中的数据表

  20. 20

    ASP.NET MVC显示结果而不刷新页面

  21. 21

    javascript或ajax使用asp.net mvc更新数据库?

  22. 22

    在不刷新页面的情况下将数据发送到数据库

  23. 23

    如何在不刷新页面的情况下更新购物篮中的产品数量?

  24. 24

    如何在不刷新页面的情况下每分钟自动更新股票价格?

  25. 25

    如何在不刷新页面MVC C#的情况下显示不同的值

  26. 26

    使用Jquery,Ajax提交表单而不刷新页面时无法读取数据库

  27. 27

    如何在不刷新页面的情况下使用jQuery remove()?

  28. 28

    如何在不刷新页面的情况下对表单使用验证?

  29. 29

    React-Router-在不刷新页面的情况下更新BrowserHistory

热门标签

归档