浅谈js获取ModelAndView值的问题


Posted in Javascript onMarch 28, 2018

JS当中不能接收ModelAndView的返回值吗?一定要在JSP页面中才能接收吗?

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);
            //调用分页插件,初始化分页Div
            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");

以上这篇浅谈js获取ModelAndView值的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery BS,dialog控件自适应大小
Jul 06 Javascript
google 搜索框添加关键字实现代码
Apr 24 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
Oct 21 Javascript
CSS+jQuery实现的一个放大缩小动画效果
Sep 24 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
node.js操作mysql(增删改查)
Jul 24 Javascript
第三章之Bootstrap 表格与按钮功能
Apr 25 Javascript
基于three.js编写的一个项目类示例代码
Jan 05 Javascript
js canvas实现二维码和图片合成的海报
Nov 19 Javascript
浅析Angular 实现一个repeat指令的方法
Jul 21 Javascript
JS正则表达式常见函数与用法小结
Apr 13 Javascript
JavaScript对象字面量和构造函数原理与用法详解
Apr 18 Javascript
vue页面加载闪烁问题的解决方法
Mar 28 #Javascript
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 #jQuery
vue-cli axios请求方式及跨域处理问题
Mar 28 #Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
Mar 28 #Javascript
浅谈React高阶组件
Mar 28 #Javascript
vue数据控制视图源码解析
Mar 28 #Javascript
jQuery+ajax读取json数据并按照价格排序示例
Mar 28 #jQuery
You might like
PHP+MySQL5.0中文乱码解决方法
2006/11/20 PHP
php 常用类汇总 推荐收藏
2010/05/13 PHP
学习php笔记 字符串处理
2010/10/19 PHP
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
PHP实现设计模式中的抽象工厂模式详解
2014/10/11 PHP
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
thinkPHP的表达式查询用法详解
2016/09/14 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
PHP中大括号'{}'用法实例总结
2017/02/08 PHP
php获取目录下所有文件及目录(多种方法)(推荐)
2019/05/14 PHP
如何在Web页面上直接打开、编辑、创建Office文档
2007/03/12 Javascript
基于Jquery的动态创建DOM元素的代码
2010/12/28 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
JQuery选择器、过滤器大整理
2015/05/26 Javascript
jQuery中设置form表单中action值的实现方法
2016/05/25 Javascript
js判断空对象的实例(超简单)
2016/07/26 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
利用ES6的Promise.all实现至少请求多长时间的实例
2017/08/28 Javascript
基于Vue生产环境部署详解
2017/09/15 Javascript
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
JavaScript中EventBus实现对象之间通信
2020/10/18 Javascript
Python设计模式之解释器模式原理与用法实例分析
2019/01/10 Python
对python中 math模块下 atan 和 atan2的区别详解
2020/01/17 Python
安装完Python包然后找不到模块的解决步骤
2020/02/13 Python
python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例
2020/02/25 Python
Python urllib.request对象案例解析
2020/05/11 Python
Python实现弹球小游戏
2020/08/01 Python
使用CSS3和Checkbox实现JQuery的一些效果
2015/08/03 HTML / CSS
Old Navy加拿大官网:美式休闲服饰品牌
2017/09/26 全球购物
2019年Java 最常见的 面试题
2016/10/19 面试题
什么是三层交换,说说和路由的区别在那里
2014/09/01 面试题
初三班主任寄语大全
2014/04/04 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
安全责任书
2015/01/29 职场文书
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技