SpringMVC Ajax拼接html字符串实例代码

你为什么写这个？因为在今天的网页中。简单的数据同步传输已经变得非常罕见。它们大多通过Ajax异步传输数据。因此，这里我们使用SpringMVC Ajax作为一个简单的例子，同时通过拼接字符串来显示。希望能给大家带来帮助。

在这种情况下，配置仍然基于SpringMVC的简单添加、删除和修改(SSM集成)，然后辅助Jackson的jar包。

计算机网络服务器

@ request mapping('/ajaxlist ')@ response body//(spring MVC的Jackson注释，返回json字符串)public listsusergetuserlist(){ listsuserlist=user service . findall()；退货清单；}前端使用

Body button id='testButton '异步传输/button div ID=' content '/div/body Ajax请求并连接字符串

脚本类型=' text/JavaScript ' $(function(){ $(' # testButton '))。单击(function() { $)。Ajax({ URL : ' $ { page context . request . context path }/user/Ajax list '，type:' get '，datatype:' JSON '，success 3360 function(data){//串联字符串var html=' tabletrtd用户名/tdtd密码/tdtd昵称/tdtd电子邮件地址/TD/tr '；for(var I=0；idata.lengthi ) { html=html 'tr' 'td '数据[i]。用户名'/td' 'td '数据[i]。密码'/td' 'td '数据[i]。昵称“/TD”“TD”数据[i]。电子邮件'/TD ' '/tr '；} html=html '/table '；$('#content ')。追加(html)；} });});});其实在编写/脚本的过程中，我在用firebug调试的时候，发现jQuery的文件无法获取。我一直以为是路径问题。确认路径正确后，我发现我的静态资源映射没有配置。配置静态资源映射后，您就可以了。

前端显示结果

当然，这里的陈设也不算太美，如果你需要美的话。可以引入Bootstrap或其他框架来美化风格。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。