Serverlet+Javascript+html

在Myeclipse中实现:html页面显示Servlet中的内容。

1. 创建一个servlet文件JsScriptServlet.java,输出URL为sample.js,并在web.xml中确认:

  <servlet-mapping>
    <servlet-name>JsScriptServlet</servlet-name>
    <url-pattern>/sample.js</url-pattern>
  </servlet-mapping>

2. 在JsScriptServlet中修改doGet

  public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        
        response.setCharacterEncoding("UTF-8");
        response.setContentType("text/html");        
        PrintWriter out = response.getWriter();
        out.println("var author='testJsScriptServlet'; ");
        
    }

3. 在浏览器中输入:http://127.0.0.1:8080/Webjava0201/sample.js ,正常显示

4. 新建一个test.html文件,添加:

    <script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
    <script type="text/javascript" src="sample.js" ></script>

   <body>
  <div class="main"></div>
  </body>
  <script>
      $('.main').html(author);
  </script>

5. 在浏览器中输入:http://127.0.0.1:8080/Webjava0201/test.html ,正常显示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值