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

这篇文章主要介绍了springmvc+ajax+拼接html字符串实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

为什么写这个呢。因为在现在的网页中。单纯的同步传递数据已经变得非常少了。大多数都是通过Ajax异步来传递数据的。因此在这里用SpringMVC+Ajax做一个简单的小例子,同时辅助以拼接字符串显示。希望能为大家带来帮助。

本次案例的配置仍然是在上一篇SpringMVC的简单增删改查(SSM整合)的基础上再辅助配置Jackson的jar包。

服务器端

  @RequestMapping("/ajaxlist")  @ResponseBody//(springmvc的Jackson注解,返回json字符串)  public List getUserList()  {    List list =userService.findAll();    return list;  }

登录后复制

立即学习“前端免费学习笔记(深入)”;

前端使用

          

  

登录后复制

立即学习“前端免费学习笔记(深入)”;

Ajax请求并拼接字符串

  $(function() {    $("#testButton").click(function()    {      $.ajax(      {      url:"${pageContext.request.contextPath }/user/ajaxlist",      type:'GET',      dataType:'json',      success:function(data)      {      //拼接字符串        var html = ""+"
用户名密码昵称电子邮箱"; for(var i=0;i<data.length;i++) { html=html+"
"+data[i].username+""+""+data[i].password+""+ ""+data[i].nickname+""+""+data[i].email+""+""; } html = html+""; $("#content").append(html); } }); }); });

登录后复制

立即学习“前端免费学习笔记(深入)”;

其实在写的过程中,我在用firebug调试的时候,发现jQuery的文件无法获取到, 我一直以为是路径问题,确定路径无误后我发现,是我静态资源映射没配置。配置静态资源映射后就OK了。

前端显示结果

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

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

php+ajax实现发起流程和审核流程的方法 

js封装ajax功能函数实现步骤详解

PHP+Mysql+Ajax实现淘宝客服阿里旺旺聊天功能(前台页面)的方法

立即学习“前端免费学习笔记(深入)”;

以上就是SpringMVC+Ajax+拼接html字符串实例代码的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2759427.html

(0)
上一篇 2025年3月8日 08:30:40
下一篇 2025年2月23日 03:12:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Ajax提交参数的值中带有html标签不能提交成功的解决办法

    这篇文章主要介绍了ajax提交参数的值中带有html标签不能提交成功的解决办法,非常不错,具有参考借鉴价值,需要的朋友参考下 最近在公司做资源及文章上传功能遇到一个小问题。         该功能就类似利用富文本编辑器发布信息,但是用Aja…

    编程技术 2025年3月8日
    200
  • 哪些方法可以让html文档内嵌入js

    这次给大家带来哪些方法可以让html文档内嵌入js,html文档内嵌入js的注意事项有哪些,下面就是实战案例,一起来看一下。 在HTML里嵌入JavaScript 在HTML文档里嵌入客户端JavaScript代码有4中方法: 1.内嵌,放…

    编程技术 2025年3月8日
    200
  • 基于ajax html实现文件上传技巧总结

    这篇文章主要为大家详细总结了基于ajax html实现文件上传技巧,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 引语:大家都知道,html中上传文件就一个input,type=file就搞定了。但是,这个标签的样式,实在不值得提点什么…

    编程技术 2025年3月8日
    200
  • 前端面试题HTML新手须知

    HTML 语义化 HTML标签的语义化是指:通过使用包含语义的标签(如h1-h6)恰当地表示文档结构 css命名的语义化是指:为html标签添加有意义的class 为什么需要语义化: 去掉样式后页面呈现清晰的结构 盲人使用读屏器更好地阅读 …

    编程技术 2025年3月8日
    200
  • HTML的列表、表单、语义化使用方法总结

    这次给大家带来HTML的列表、表单、语义化使用方法总结,HTML的列表、表单、语义化使用的总结注意事项有哪些,下面就是实战案例,一起来看一下。 有序列表、无序列表、自定义列表在语义上的区别 1.有序列表ol>li;列表有顺序编号(默认…

    2025年3月8日 编程技术
    200
  • JS字符串方法使用步骤详解

    这次给大家带来JS字符串方法使用步骤详解,JS字符串方法使用的注意事项有哪些,下面就是实战案例,一起来看一下。 1.方法阅读说明 返回值类型 对象.方法名称(参数1[,参数二]);   解释: 返回值类型:指的是函数调用结束后返回的值的类型…

    编程技术 2025年3月8日
    200
  • 在(ASP/PHP/JSP/html/js)中禁止ajax缓存的方法集锦

    禁止ajax缓存最简单的办法就是在js端直接生成一个随机数了,但是有时会发现此方法不适用于post了,如果我们要禁止post 提交数据的ajax缓存需要怎么处理呢,下面我整理了很多关于禁止ajax缓存的例子 ajax缓存有好处,但也有坏处,…

    编程技术 2025年3月8日
    200
  • JS简单实现动态添加HTML标记的方法示例

    这篇文章主要介绍了js简单实现动态添加html标记的方法,结合实例形式分析了javascript使用createelement()方法针对页面元素进行动态操作相关实现技巧,需要的朋友可以参考下 本文实例讲述了JS简单实现动态添加HTML标记…

    2025年3月8日
    200
  • 怎样使js将键值字符串转为json字符串

    这次给大家带来怎样使js将键值字符串转为json字符串,js将键值字符串转为json字符串的注意事项有哪些,下面就是实战案例,一起来看一下。 要转化的键值对字符 var respDesc=“cardid=64157001&cardn…

    编程技术 2025年3月8日
    200
  • 如何实现Vue把后台传输html字段字符串转换为HTML

    这次给大家带来,的注意事项有哪些,下面就是实战案例,一起来看一下。 后台传过来 一个带标签的字符串  前端可以直接转换成html格式的,可是在vue中怎么办呢 在这个DEMO中,item.content所带的字符串将被转换为HTML代码。 …

    2025年3月8日
    200

发表回复

登录后才能评论