MVC 简单的POST局部刷新

原创 2015年07月09日 10:15:54

        愉快的一天又开始,今天新建了一个MVC4的项目,表示并不知道MVC几和几的区别,对于我这种人来说,经理说用什么就用什么呗,每人要求你程序必须怎么写,不管你用什么方式,他们要的只是效果,是完成的项目。因此,新建立了一个MVC的项目,在页面上写了个小的POST方法,让它实现局部刷新

@{
    ViewBag.Title = "Home Page";
}
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    function addtxt() {
        var un = $("#userName").val();
        var p = $("#pwd").val();
        if (un==null || un == "") {
            alert("请重新填写用户名");
        }
        else if (p == "")
        {
            alert("您忘记设置密码了!");
        }
        else
        {
            $.post("/Home/addTxt", { userName: un, pwd: p }, function (data) {
                $("#newUser").append(data);
            }
            )
        }
    }
</script>

<div>
    <input type="text" id="userName" />
    <input type="password" id="pwd" /><br />
    <input type="button" id="addTxt" onclick="addtxt()" value="添加" />
</div>
<div>
    <ul id="newUser"></ul>

</div>
以上是前台的程序,用兴趣的可以复制过去看看效果,别问我为什么JS和JQ混写,我也不晓得。自己心血来潮。
 public ActionResult Index()
        {
            //ViewBag.Message = "Modify this template to jump-start your ASP.NET MVC application.";
            return View();
        }
        [HttpPost]
        public string addtxt(string userName,string pwd)
        {
            string sr="";
            sr += "<li>用户名:"+userName+ "密码:"+pwd+"</li>";
            return sr;
        }



MVC通过PartialView部分加载刷新页面

1. 新建一个TaskBoardDetail.cshtml,内容如下:(主要是显示自己需要的数据) @{ int i = 0; } @foreach(var item in ViewBag....
  • liuxufeiyang000
  • liuxufeiyang000
  • 2016年08月15日 17:49
  • 5000

.Net MVC框架使用ajax做局部刷新

ajax异步刷新
  • yeizt520
  • yeizt520
  • 2017年03月18日 15:22
  • 1855

ASP.NET MVC 4实现局部刷新

利用Ajax+PartialView实现页面局部刷新
  • lj2tj
  • lj2tj
  • 2015年04月27日 14:15
  • 2024

MVC实现局部视图刷新

使用Ajax刷新局部视图、因为使用到了jQuery所以需要引用这里是cshtml页面代码 提交(局部实现刷新) //刷新部分 ...
  • u010085423
  • u010085423
  • 2016年12月27日 23:06
  • 864

MVC5 + EF6 + Bootstrap3 (14) 分部视图PartialView ajax 局部刷新

目录 前言 简单分部视图 带Model的分部视图 使用ChildAction调用分部视图 ajax无刷新更新分部视图 结尾 本节我们来看分部视图PartialView的用法。首先我们会创建...
  • YangangwuWuyangang
  • YangangwuWuyangang
  • 2016年01月15日 15:29
  • 5183

asp.net mvc AjaxBeginForm使用

1.cshtml页面代码 @using (Ajax.BeginForm("recive", new {controller="Home" }, new AjaxOptions ...
  • c13_tianming
  • c13_tianming
  • 2015年08月14日 20:03
  • 1062

ajaxAnyWhere局部刷新框架

  • 2014年10月21日 18:02
  • 53KB
  • 下载

MVC3系列~Html.BeginForm与Ajax.BeginForm

Html.BeginForm与Ajax.BeginForm都是MVC架构中的表单元素,它们从字面上可以看到区别,即Html.BeginForm是普通的表单提交,而Ajax.BeginForm是支持异步...
  • xxglyy
  • xxglyy
  • 2012年09月05日 22:29
  • 37706

mvc4强类型绑定提交form不想刷新页面的处理

自己日前做网站时遇到的问题,一个非常复杂的模型,点击提交按钮时不能提交而需要弹出一个确认的详细信息的对话框。因为该网页结构定义复杂, 若button类型不为submit就需要自己一个个获取对应的值,...
  • smileqiuqiu
  • smileqiuqiu
  • 2013年11月18日 13:40
  • 2004

submit 实现局部刷新

大家都知道submit提交会刷新整个页面,要局部刷新通常会采用ajax异步请求,今天在这里记录下用submit实现局部刷新的方法。...
  • zcl_666
  • zcl_666
  • 2016年11月09日 16:31
  • 2529
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:MVC 简单的POST局部刷新
举报原因:
原因补充:

(最多只允许输入30个字)