zoukankan      html  css  js  c++  java
  • ajax traditional

    代码如下:
    <script>
        $(function () {
            var s = Array("1", "2", "3");
            var r = 213123132;
            $.ajax({
                url: "/Home/Test",
                type: "POST",
                data: {
                    "ss": s,
                    "r": r
                },
                traditional: true,//这里设置为true
                success: function (data) {
                    //Todo
                }
            });
        });
        
    </script>
    traditional: 阻止深度序列化

    一般的,可能有些人在一个参数有多个值的情况下,可能以某个字符分隔的形式传递,比如页面上有多个checkbox:

    $.ajax{
          url:"xxxx",
          data:{
                p: "123,456,789"
          }
    }
        然后后台获取参数后再分隔,这种做法有很大弊端,试问如果某一个参数值中出现了分隔符所使用的字符,会出现什么情况呢?当然后台获取的参数将与实际情况不符. 
       这时我想到了将上述代码写成这样:
    $.ajax{
          url:"xxxx",
          data:{
                p: ["123", "456", "789"]
          }
    }
        如果单纯写成这样,在java后台是无法取到参数的,因为jQuery需要调用jQuery.param序列化参数, 
    jQuery.param( obj, traditional )
        默认的话,traditional为false,即jquery会深度序列化参数对象,以适应如PHP和Ruby on Rails框架, 
        但servelt api无法处理,我们可以通过设置traditional 为true阻止深度序列化,然后序列化结果如下:
    p: ["123", "456", "789"]    =>    p=123&p=456&p=456
        随即,我们就可以在后台通过request.getParameterValues()来获取参数的值数组了, 
        所以,比如我们前台有多个checkbox,前台的代码可以写成: 
    var values = $("input[type=checkbox]").map(function(){
          return $(this).val();
    }).get();
    $.ajax{
          url:"xxxx",
          traditional: true,
          data:{
                p: values 
          }
    }
    The end
  • 相关阅读:
    使用C#开发ActiveX控件 并制作Cab包
    asp.net后台创建table设置宽度百分比
    Sql按姓名查出某个人的成绩排名
    获得DataGridView多选框值
    解决iframe窗体丢失Session时登录窗口显示在子页面的问题
    xml返回数组数据
    安卓界面组件文本框
    安卓的UI界面开发(初学者推荐)
    安卓布局
    安卓界面组件按钮
  • 原文地址:https://www.cnblogs.com/sunshine-wy/p/6090208.html
Copyright © 2011-2022 走看看