目前所学习的项目都是基于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元素赋值
如果发现了新的传递参数方式,会及时添加总结。