关闭

MVC 简单的POST局部刷新

588人阅读 评论(0) 收藏 举报

        愉快的一天又开始,今天新建了一个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;
        }



0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:5459次
    • 积分:174
    • 等级:
    • 排名:千里之外
    • 原创:12篇
    • 转载:2篇
    • 译文:0篇
    • 评论:3条
    文章分类
    最新评论