您的当前位置:首页正文

js获取ModelAndView值

2023-11-29 来源:博科教育

这次给大家带来js获取ModelAndView值,js获取ModelAndView值的注意事项有哪些,下面就是实战案例,一起来看一下。

1 方法一 【有效】

可以的,跟el表达式访问方式一样。

示例代码,一个数据展示请求的Action中存入一个userId:

 @RequestMapping(value="/diary") public ModelAndView toDiaryList(HttpSession session){ ModelAndView view = new ModelAndView("/diary_list"); TbUser user = (TbUser)session.getAttribute(SystemConstant.CURRENT_USER); //set info of current user if(user!=null){ Integer id = user.getId(); view.addObject("userId",id); } return view; }

在页面jsp文件中js中使用这个userId作为查询条件:

<script type="text/javascript"> var path = '<%=basePath%>'; var author=${userId}; $(document).ready(function(){ queryList(); }); function queryList(){ $.ajax({ type : 'POST', url : path+'queryDiaryList', //通过url传递name参数 data : { author:author, page:_currentPage, pageSize:_pageSize, type:$("#queryType").val() }, dataType : 'json', success:function(data){ if(data.status){ showTable(data.result); //调用分页插件,初始化分页p pageShow("queryList",data.ext.total); }else{ alert(data.description); } }, error:function(e){ alert("Net error ,try later."); } }); } </script>

2 方法二

【有效?】

台返回的是js,还是json?这个一定要搞清楚!

假设后台返回的字符串存储在responseText里,那么

如果是js,就

var result = eval("(" + responseText + ")");

如果是json,就

var result = JSON.parse(responseText);

3 方法三 【有效】

加入隐藏字段,

<input id="autoflag" type="hidden" value="${autoflag}">

便于js读取 

var passflag=document.getElementById("autoflag");

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

Vue双向数据绑定实例详解

Vue应用引用矢量图

小编还为您整理了以下内容,可能对您也有帮助:

js怎样获得后台Model中的值

获取id   ${user.id}

获取name ${user.name}

获取company ${user.company}

JS中直接从java后台获得对象的值(数组的值)

这里举得例子是:JS直接从后台Contorller中(SpringMVC中的model中)获得数值的值

Contorller 此处将 talentIntegralRecordsDay talentIntegralRecordsIntegral 两个数组用JSON.toJSONString()封装。

@SuppressWarnings("deprecation")

@RequestMapping("/integralParadise")    public ModelAndView Welcome(HttpServletRequest request){

Users user = userService.currentUser(request);    

user.getTalentUser().getIntegral();

System.out.println(user.getTime().getDate());

TalentIntegralRecord[] signInTalentIntegralRecords= wechatIntegralService.getUserSignInTalentIntegralRecords(user.getId());        int size = signInTalentIntegralRecords.length;        int[] talentIntegralRecordsDay = new int[size];

Long[] talentIntegralRecordsIntegral = new Long[size];        for(int i=0;i<signInTalentIntegralRecords.length;i++){

talentIntegralRecordsDay[i]=signInTalentIntegralRecords[i].getOperatorTime().getDate();

talentIntegralRecordsIntegral[i]=signInTalentIntegralRecords[i].getIntegral();

}

Map<String,Object> map = new HashMap<String,Object>();

map.put("talentIntegralRecordsDay", JSON.toJSONString(talentIntegralRecordsDay));

map.put("talentIntegralRecordsIntegral", JSON.toJSONString(talentIntegralRecordsIntegral));        return new ModelAndView("wechat/integralParadise/rili",map);

}

前台JSP 因为用到两个数组数据的JS代码为页面引用的JS代码所以要在页面中先声明获得后台两个数组(这段JS代码应在引用的JS文件前面)

<script type="text/javascript"> 

$(document).ready(function(){

window.talentIntegralRecordsDay = ${talentIntegralRecordsDay};

window.talentIntegralRecordsIntegral = ${talentIntegralRecordsIntegral};

});</script>

引用的JS文件 开始就获得了两个数组的值

$(function() {    var signFun = function() {        

var dateArray = window.talentIntegralRecordsDay;// 假设已经签到的

var talentIntegralRecordsIntegral = window.talentIntegralRecordsIntegral;        var $dateBox = $("#js-qian-list"),

$currentDate = $(".current-date"),

$qianBnt = $("#js-just-qian"),

_html = '',

_handle = true,

myDate = new Date();

$currentDate.text(myDate.getFullYear() + '年' + parseInt(myDate.getMonth() + 1) + '月' + myDate.getDate() + '日');        var monthFirst = new Date(myDate.getFullYear(), parseInt(myDate.getMonth()), 1).getDay();        var d = new Date(myDate.getFullYear(), parseInt(myDate.getMonth() + 1), 0);        var totalDay = d.getDate(); //获取当前月的天数

for (var i = 0; i < 42; i++) {

_html += ' <li><div class="qian-icon"></div></li>'

}

$dateBox.html(_html) //生成日历网格

var $dateLi = $dateBox.find("li");        for (var i = 0; i < totalDay; i++) {

$dateLi.eq(i + monthFirst).addClass("date" + parseInt(i + 1));            for (var j = 0; j < dateArray.length; j++) {                if (i == dateArray[j]) {

$dateLi.eq(i).addClass("qian");                    var integral;                    if(talentIntegralRecordsIntegral[j]==0){

integral="大转盘";

}else{

integral="+"+talentIntegralRecordsIntegral[j];

}

$dateLi.eq(i).find("div").text(integral);

}

}

} //生成当月的日历且含已签到

$(".date" + myDate.getDate()).addClass('able-qian');

$dateBox.on("click", "li", function() {                if ($(this).hasClass('able-qian') && _handle) {

$(this).addClass('qian');

qianFun();

}

list对象放在model中 前端jsp怎么取出里面的值

、使用ModelAndView作为返回值,首先在方法头中进行声明:

public ModelAndView getNameById(HttpServletRequest request,HttpServletResponse response) throws Exception{}

2、然后在方法体中实例化ModelAndView。

ModelAndView mv=this.getAutoView().addObject("object",object);

3、最后在方法中的末尾加上return mv;

那么mv中的值是什么呢?

ModelAndView: reference to view with name '/officeoa/test/bjqGetNameById.jsp'; model is {bjq=com.hotent.officeoa.model.test.Bjq@1d001c5c[id=10000007960011,name=课本,password=12ab,department=测试3,departmentID=,leader=22222,leaderID=]}

解析:mv中有一个view值和一个model值。view是我们条转到的页面的地址,model则是页面中会用到的数据。

4、最后附上一个完整的方法及后台输出的值。

list对象放在model中 前端jsp怎么取出里面的值

、使用ModelAndView作为返回值,首先在方法头中进行声明:

public ModelAndView getNameById(HttpServletRequest request,HttpServletResponse response) throws Exception{}

2、然后在方法体中实例化ModelAndView。

ModelAndView mv=this.getAutoView().addObject("object",object);

3、最后在方法中的末尾加上return mv;

那么mv中的值是什么呢?

ModelAndView: reference to view with name '/officeoa/test/bjqGetNameById.jsp'; model is {bjq=com.hotent.officeoa.model.test.Bjq@1d001c5c[id=10000007960011,name=课本,password=12ab,department=测试3,departmentID=,leader=22222,leaderID=]}

解析:mv中有一个view值和一个model值。view是我们条转到的页面的地址,model则是页面中会用到的数据。

4、最后附上一个完整的方法及后台输出的值。

spring mvc jsp怎么获得ModelAndView设置的值 急急急!

Map model =new HashMap

mode.put('list',userlist)//userlist是个Arraylist之类的

return new ModelAndView("page",model);

在jsp页面中使用jstl标签取出值以下自动循环取出每个值

<c:forEach items="${list}" var="user">

${user.username}

${user.password}

${user.address.value}//可以去对象中的对象的值属性

</

后台返回一个ModelAndView,js 怎么解析显示其中的信息

直接按照对应的key值进行取

后台返回一个ModelAndView,js 怎么解析显示其中的信息

直接按照对应的key值进行取

控制层如何获取视图层select标签选中的值?

在控制层中,可以通过以下两种方法获取视图层select标签选中的值:

    通过表单提交获取:

    在前端页面中,将选中的值作为表单的一个参数,通过form表单提交到后台控制层。在后台控制层中,通过request.getParameter()方法获取表单参数的值。

示例代码如下:

HTML代码:

```

<form action="testController" method="post">

<select name="selectValue">

<option value="value1">选项1</option>

<option value="value2">选项2</option>

<option value="value3">选项3</option>

</select>

<input type="submit" value="提交"/>

</form>

```

控制层Java代码:

```

@RequestMapping("/testController")

public ModelAndView testController(HttpServletRequest request) {

String selectValue = request.getParameter("selectValue");

// do something with selectValue

return new ModelAndView("viewName");

}

```

2. 通过AJAX请求获取:

使用ajax请求,在前端页面中获取select标签选中的值,并通过ajax发送到后台控制层。在后台控制层中,通过@RequestParam注解获取ajax请求中的参数值。

示例代码如下:

HTML代码:

```

<select id="selectValue">

<option value="value1">选项1</option>

<option value="value2">选项2</option>

<option value="value3">选项3</option>

</select>

<button onclick="getValue()">获取选中值</button>

<script>

function getValue() {

var selectValue = document.getElementById("selectValue").value;

$.ajax({

type: "POST",

url: "testController",

data: {"selectValue": selectValue},

success:function(data){

// do something with data

}

});

}

</script>

```

控制层Java代码:

```

@RequestMapping("/testController")

public ModelAndView testController(@RequestParam String selectValue) {

// do something with selectValue

return new ModelAndView("viewName");

}

```

SpringMVC如何返回字符串到前端用js获取

方法一:

方法返回值为字符串类型,可以在Controller需要使用的方法中添加HttpServletRequest  request参数,然后在方法体中添加request.setAttribute("string", "前端需要的字符串");

return "/areas/mgt/views/process/modelList";  在modelList.html页面中使用${string}即可获取"前端需要的字符串"这个字符串

方法二:

方法返回值为ModelAndView类型,可以在Controller需要使用的方法内

[html] view plain copy

    Map<String,String> map=new HashMap<String,String>();  

    map.put("activityId", activityId);  

    return new ModelAndView("/areas/mgt/views/form/elecfg/actioncfg",map);  

    [html] view plain copy

    actioncfg<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">.html页面中使用${</span><span style="font-family: Arial, Helvetica, sans-serif;">activityId</span><span style="background-color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif;">}即可获取"</span><span style="font-family: Arial, Helvetica, sans-serif;"> activityId</span><span style="background-color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif;">"这个值</span>  

SpringMVC如何返回字符串到前端用js获取

方法一:

方法返回值为字符串类型,可以在Controller需要使用的方法中添加HttpServletRequest  request参数,然后在方法体中添加request.setAttribute("string", "前端需要的字符串");

return "/areas/mgt/views/process/modelList";  在modelList.html页面中使用${string}即可获取"前端需要的字符串"这个字符串

方法二:

方法返回值为ModelAndView类型,可以在Controller需要使用的方法内

[html] view plain copy

    Map<String,String> map=new HashMap<String,String>();  

    map.put("activityId", activityId);  

    return new ModelAndView("/areas/mgt/views/form/elecfg/actioncfg",map);  

    [html] view plain copy

    actioncfg<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">.html页面中使用${</span><span style="font-family: Arial, Helvetica, sans-serif;">activityId</span><span style="background-color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif;">}即可获取"</span><span style="font-family: Arial, Helvetica, sans-serif;"> activityId</span><span style="background-color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif;">"这个值</span>  

spring mvc 中在jsp页面中取出类中返回值 return ModelAndView(),

我给你改一下

public ModelAndView showDept(HttpServletRequest req,HttpServletResponse resp,ModelMap model){

//获取表中所有信息

List list=deptInfoDao.findAll();

//返回部门管理首页

model.addAttribute("list", list);

return new ModelAndView("dept/showDept",model);

}

在jsp中

<%

request.getAttribute(“list”);

%>追问谢谢

layui中table如何获取Controller中返回的ModelAndView数据?

List<User> userAll = userMapper.selectAll();

Map<String, Object> resultMap = new HashMap<>();

resultMap.put("data", userAll);

resultMap.put("code", "0");

resultMap.put("msg", "");

resultMap.put("count", "1");

return resultMap;

博科教育还为您提供以下相关内容希望对您有帮助:

spring mvc jsp怎么获得ModelAndView设置的值 急急急!

return new ModelAndView("page",model);在jsp页面中使用jstl标签取出值以下自动循环取出每个值 &lt;c:forEach items="${list}" var="user"&gt; {user.username} {user.password} {user.address.value}//可以去对象中的对象...

SpringMVC如何返回字符串到前端用js获取

return "/areas/mgt/views/process/modelList"; 在modelList.html页面中使用${string}即可获取"前端需要的字符串"这个字符串 方法二:方法返回值为ModelAndView类型,可以在Controller需要使用的方法内 [html] view plain cop...

控制层如何获取视图层select标签选中的值?

return new ModelAndView("viewName");} ```2. 通过AJAX请求获取:使用ajax请求,在前端页面中获取select标签选中的值,并通过ajax发送到后台控制层。在后台控制层中,通过@RequestParam注解获取ajax请求中的参数值。示例代码如...

spring mvc 中在jsp页面中取出类中返回值 return ModelAndView(),

public ModelAndView showDept(HttpServletRequest req,HttpServletResponse resp,ModelMap model){ //获取表中所有信息 List list=deptInfoDao.findAll();//返回部门管理首页 model.addAttribute("list", list);return new Mo...

ModelAndView设置了一个对象addObject("testList", tempList);javascrip...

1、javascript通过ajax拿到的如果是json对象,你可以直接循环;2、如果拿到的是字符串,你必须转成json对象才能循环;3、如果直接用jstl标签循环也行,c:foreach标签 javascript例子:var testlist = "${testList}";var json...

关于JSP通过JS传值Java后台

public ModelAndView findAddress(String telephone(这个参数名要和你表单中的电话输入框的name一样)) { //在这进行查询,得到归属地,应该是个字符串吧 ModelAndView mv = new ModelAndView();mv.addObject("页面回显的name"...

modelandview的addallobjects怎么使用

后端核心代码:ModelAndView mv = new ModelAndView();Map&lt;String, String&gt; map =new HashMap&lt;String, String&gt;();map.put("aaa", "a");mv.addAllObjects(map);return mv;=== 前端核心代码:Map : ${requestScope.aa...

spring mvc控制器怎么获取placeholder属性的值

所以你只要根据要求复写两者中的一个方法就可以了。在onsubmit ()中返回的modelandview的逻辑视图名应该是通过表单控制器的successview属性指定而不应该硬编码,所以在①处我们通过getsuccessview()获取这个配置值。

Java中ModelAndView是做什么的?

当按钮被按下,首先生成User的实例,其实从两个输入框中分别获取字符串, 将user的id和password赋值。 保存user实例或者发送到server端。在这个过程中,三个模块各司其职,尽可能少地相互不干涉。特别是model和view之间不...

怎样使用React高阶组件

前段时间在工作中写Hybrid页面时遇到了这样的一个场景,公司需要一系列的活动组件,在每个组件注册的时候都需要调用App端提供的一个接口。一开始也考虑了几种方式,包括mixin、组件继承以及react高阶组件。但经过了种种衡量,...

Top