ssm後臺獲取layui表單資料(簡單例項)
引言:我在開發中,想通過layui表單把裡面的資料或者這個jsp頁面的一些其他屬性值傳遞 給Controller,但發現傳不過去,所以只能通過表單提交,發現網上有很少的例子,特寫下部落格記載這個過程,我這個提交的 資料不多,也比較簡單,希望給那些迷茫的朋友指一條明路。
程式碼如下:
1、表單
<div class="layui-row" id="option3" >
<div class="layui-col-md10">
<form class="layui-form" action="" method="post" id="Optionform">
<div class="layui-form-item">
<label class="layui-form-label" style="padding-left:-50px;">選項標題:</label>
<div class="layui-input-block">
<input type="text" placeholder="選項名稱" lay-verify="optionName" name="optionName" id="optionName" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button lay-submit="" type="submit" class="layui-btn layui-btn tijiao">立即提交</button>
</div>
</div>
</form>
</div>
</div>
2、layui監聽表單
<script>
function addOption() {//彈出一個表單
//頁面層
layer.open({
type: 1,
skin:'optionCss',//自定義表單css樣式
area: ['400px', '250px'], //寬高
content: $("#option3") //調到要彈出的表單
});
}
layui.use(['layer','form'],function(){
var layer=layui.layer;
var form=layui.form;
});
</script>
3、後臺程式碼
@RequestMapping("/questionnaire/addOption")
public String addOption(@ModelAttribute Option option,String optionName,HttpServletRequest request,Integer topicId,Model model)throws Exception {
System.out.println("yes22"+topicId);
option.setOptionName(request.getParameter("optionName");
option.setTopicId(topicId);
System.out.println(optionName+"yes33");
optionService.insert(option);
System.out.println("新增成功!");
/* PageHelper.startPage(1,15);
PageInfo<Option> pageInfo=new PageInfo<Option>(list,15);
model.addAttribute("pageInfo", pageInfo);*/這個是分頁,
return "ok“;//返會一個字串,如果像跳轉到指定頁面,也可以。
}
4、效果圖