zoukankan      html  css  js  c++  java
  • MVC中使用Ajax提交数据 Jquery Ajax方法传值到action

    Jquery Ajax方法传值到action

    <script type="text/javascript">
            $(document).ready(function(){
                $("#btn").click(function(){
                 $.ajax({
                    type: 'POST',
                    url: "/Home/MyAjax",
                    data: {
                        val1: $("#txt1").val(),
                        val2: $("#txt2").val(),
                        val3: $("#txt3").val(),
                        val4: $("#txt4").val(),
                    },
                    dataType: "json"
                });
                });
            });  
    </script>
    <input id="btn" type="button" value="click" />
    <input id="txt1" type="text" value="" />
    <input id="txt2" type="text" value="" />
    <input id="txt3" type="text" value="" />
    <input id="txt4" type="text" value="" />
    data是json数据。传递到的Action是/Home/MyAjax。那么在Action方法处接收的方式如下:
    public ActionResult MyAjax(string val1)
            {
                string val2 = Request["val2"].ToString();
                string val3 = Request.Form["val3"].ToString();
                string val4 = Request.Params["val4"].ToString();
                return Content("ViewUserControl1");
            }
    或者接收参数为FormCollection,也有同样的效果。
    public ActionResult MyAjax(FormCollection f)
            {
                string val2 = f["val2"].ToString();
                string val3 = f["val3"].ToString();
                string val4 = f["val4"].ToString();
                return Content("ViewUserControl1");
            }
    MVC3的强悍之处,是它是基于变量参数命名匹配的机制,就是说它尽可能的查找能够有相同变量名字的值。

    对于上面的例子,我们甚至可以构造出一个class,如下:
    public class aclass {
        public string val1 { set; get; }
        public string val2 { set; get; }
        public string val3 { set; get; }
        public string val4 { set; get; }
    }
    那么就可以设置参数类型为aclass
     public ActionResult MyAjax(aclass f)
            {
              return Content(f.val1+f.val2+f.val3+f.val4);
            }
    注意,aclass类的属性名就是json的key的名字,只要符合一致,它就能匹配,不得不说强悍。

    转帖:http://cnn237111.blog.51cto.com/2359144/838081

    作者:dupeng0811
    版权:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接
    留言:同时 , 如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    STL"源码"剖析
    Excel如何进行SVN
    BootstrapTable+KnockoutJS
    WebApi 集成 Swagger
    Java Core和HeapDump
    深入分析 Java 中的中文编码问题(1)
    Java编码浅析(注意区分三个概念)(转)
    理解并解决GBK转UTF-8奇数中文乱码(转)
    Java实现敏感词过滤(转)
    Android MediaPlayer状态机
  • 原文地址:https://www.cnblogs.com/dupeng0811/p/2551077.html
Copyright © 2011-2022 走看看