javascript从后台读取数据并存放在新创建DIV中

最新推荐文章于 2023-02-27 18:51:24 发布

兰儿

最新推荐文章于 2023-02-27 18:51:24 发布

阅读量7.7k

点赞数 5

分类专栏：项目开发

本文链接：https://blog.youkuaiyun.com/laner0515/article/details/17628243

版权

这篇博客讲述了如何在JavaScript中动态创建一个DIV，并在用户点击按钮时从后台读取数据填充到新创建的DIV中。作者提到了使用DWR库来实现跨域请求，配置web.xml和dwr.xml文件，以及编写后台获取数据的类。在前端，通过引入DWR的JavaScript库，创建并加载数据到新的DOM元素中，提高了网页加载效率和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做高校平台界面时，遇到这样一个问题，就是当我们需要点击一个按钮的时候，需要显示一个弹出框，并且这个弹出框里要显示的内容是从后台读取的，也就是来自数据库，由于内容显示较多，我如果在实现把弹出框的DIV写好，并写入数据的话，我们不能保证用户每次登陆都要点这个按钮，也就是更多地时候用户是不需要这些数据的，如果提前加载，会使网页加载变得很慢，影响用户体验，所以，我们要坐的就是在用户点击按钮时，新建一个div，并且把数据读取。

首先，我们需要完成从后台读取数据

这里，我们需要用到一个jar包：dwr，和struts一样，首先，我们需要配置web.xml:

 <servlet>
    <servlet-name>dwr-invoker</servlet-name>
    <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
    <init-param>
      <param-name>debug</param-name>
      <param-value>true</param-value>
    </init-param>
    <ini

最低0.47元/天解锁文章