HTML怎么获取ModelAndView

[九州殊口二]

老哥们，我想实现这么一个功能： 浏览器输入网址，Controller拦截，读取数据库表中的用户信息，生成一个list，放在ModelAndView中return，然后我前端的HTML该怎么获取ModelAndView中的数据，遍历数据生成表格。 菜鸟一个，请大佬指教

[jio可]

什么语言jsp? 用ajax请求数据api返回然后显示到页面

[jio可]

<script src="https://code.jquery.com/jquery-1.11.0.js"></script>
<table id="tb"></table>
<button onclick="go()">本地模拟</button>
<script>
  $.ajax({
    url: '请求api的地址',
    data: {id:'xxx'}, // 请求的参数
    dataType: 'json', // 返回数据的类型
    success: function (res) {
      // api返回的数据
      console.log(res)
      go(res.data)
    }
  })
  var data = ['111','222','333','444']
  function go(obj) {
    var html = []
    list = obj || data
    list.forEach((item, index) => {
      html.push('<tr><td>第'+(index+1)+'行</td><td>'+item+'</td></tr>')
    })
    $('#tb').html(html.join(''))
  }
</script>

[瘦死的黑骆驼]

有没有用thymeleaf啊，如果不用模板是无法接受ModelAndView的哦，纯粹的HTML只能是通过ajax提交之后返回json数据的方式

[NANU-NANA]

使用ajax，在callback里实现。

[九州殊口二]

引用 2 楼 三岁打酱油的回复:

<script src="https://code.jquery.com/jquery-1.11.0.js"></script>
<table id="tb"></table>
<button onclick="go()">本地模拟</button>
<script>
  $.ajax({
    url: '请求api的地址',
    data: {id:'xxx'}, // 请求的参数
    dataType: 'json', // 返回数据的类型
    success: function (res) {
      // api返回的数据
      console.log(res)
      go(res.data)
    }
  })
  var data = ['111','222','333','444']
  function go(obj) {
    var html = []
    list = obj || data
    list.forEach((item, index) => {
      html.push('<tr><td>第'+(index+1)+'行</td><td>'+item+'</td></tr>')
    })
    $('#tb').html(html.join(''))
  }
</script>

那controller类该怎么处理呢

[jio可]

直接返回json数据