美文网首页
参数传递方式总结

参数传递方式总结

作者: 乌子啦 | 来源:发表于2017-06-28 11:37 被阅读0次

    目前所学习的项目都是基于jfinal框架的,所以总结的例子都是jfinal项目中的。写法上可能不具有通用性,如路由member/user/login,但是方法、思路一定是具有统一性的,只需要稍加修改即可。

    界面传递参数到控制器

    1.url方式
    界面通过url路由链接到控制器,比如url="member/user/edit"+id;
    在这里id即为所传递的参数,那么在控制器中可以通过getPara()函数获得。如果要传递多个参数,url地址中参数以"-"分隔开来,控制器中通过标定第几个如getPara(1)可以得到第二个参数。
    2.form表单传递方式

    <form id="form1" action="member/user/login" method="post" >
    <label >账户名:</label> <input type="text" name="username" placeholder="登录账号">
    <label> 登录密码:</label> <input type="password" name="password" placeholder="登录密码">
    <input type="button" onclick="login();" value="登 录">
    

    如以上代码所示,from表单通过post请求往member/user/login传递参数,那么在控制器端可以对应表单各属性的name通过如getPara("password")获取到用户输入的密码。
    3.ajax请求

    $.ajax({
    
        type : "post",//发送方式
    
        url: "<%=path%>/wei_home/sendCommond", 
    
        data: "din="+din+"&datapoint="+datapoint+"&cmd="+cmd, //url中添加参数传
            dataType: 'json'
        }); 
    

    如以上代码所示,通过ajax方式向url发送了三个参数。控制器接收参数的方式与第二种相同,通过getPara("din"),getPara("datapoint"),getPara("cmd")来获取三个参数。

    控制器传递参数到界面

    setAttr("din",din);传递了一个名称为din的参数。
    1.request.getAttribute方式
    在jsp页面中可以通过java代码如
    <% String din=(String)request.getAttribute("din"); out.print(din); %>获取到该参数。
    2.el表达式
    同样地,在html代码中可以通过${din}获取。如果控制器传递的参数是一个组合如list,那么html代码中可以通过形如${item.username}来获取item参数中的username。
    3.ajax方式
    renderJson("list", device);控制器通过renderJson函数将list类型的device数据渲染成json格式。这里详细讲解json格式数据的传递,网上的大多数教程是讲解在ajax success中获取数据并直接处理使用,这里主要是讲解了如何在ajax success中获取数据并传递给外界全局变量的过程。

    var charges = new Array();  //先声明一维
    for(var k=0;k<3;k++){    //一维长度为i,i为变量,可以根据实际情况改变    
    charges[k]=new Array();  //声明二维,每一个一维数组里面的一个元素都是一个数组;        
    for(var j=0;j<3;j++){   //一维数组里面每个元素数组可以包含的数量p,p也是一个变量;      
    charges[k][j]="";    //这里将变量初始化,我这边统一初始化为空,后面在用所需的值覆盖里面的值
             }
            }
    function getCoordinate()
            {           
             $.ajax({
                type : "post",//发送方式
                url: "ebike/home/getCoordinate", 
                async : false,
                success:function(ret){
                    var i=0;
                    ret.list.forEach(function (data) {
                    var latitude= data.latitude;
                    var longitude = data.longitude;
                    var name = data.name;
                    charges[i]=[latitude,longitude,name];
                    i++;
                        }); 
                },  
                    dataType: 'json'
                }); 
             return charges;
             }
            getCoordinate();
    

    ajax代码如上所示。在success中分别获取了json的每个list中的三个数据,之后将它们以单维数组形式赋值给二维数组中的某个元素。在编写代码过程中发现

    charges[i][0]= latitude ;
    charges[I][1]= longitude ;
    charges[I][2]= name ;
    

    这样的赋值方式是会报错的,提示未定义的'0','1','2'。当async: true 时,ajax请求是异步的。但是其中有个问题:getCoordinate()中的ajax请求和其后面的操作是异步执行的,那么当还未执行完,就可能已经执行了ajax请求后面的操作。然而,charges这个数据是在ajax请求success后才赋值的,结果,输出时会为空。故须加上 async : false

    界面传递参数到界面

    界面A通过href="<%=path%>/wei_home/control/monitor.jsp?din=5"传递参数至界面B,界面B通过request.getParameter()方式接收<% String din=request.getParameter("din");%>

    js动态参数给html元素赋值

    如果发现了新的传递参数方式,会及时添加总结。

    相关文章

      网友评论

          本文标题:参数传递方式总结

          本文链接:https://www.haomeiwen.com/subject/sjzycxtx.html