Fatal编程技术网
  • javascript/
  • Javascript 使用ajax将值从servlet返回到jsp页面

Javascript 使用ajax将值从servlet返回到jsp页面

javascript jquery jsp servlets

Javascript 使用ajax将值从servlet返回到jsp页面,javascript,jquery,jsp,servlets,Javascript,Jquery,Jsp,Servlets,首先感谢你花时间回答我的问题 我想做的是：当我的jsp页面加载时，我想从servlet中获取一个值来设置按钮的实际状态和滑块值的实际状态。在我的页面上更新之后，我想更改它的值。我已经可以将JSP页面的值传递给我的servlet，但是我在将值从servlet传递给JSP页面时有点困难 这里有一些代码可以帮助您 问候 JSP文件 <!--<!--DOCTYPE html --> <html> <head> <meta name="viewport"

首先感谢你花时间回答我的问题

我想做的是：当我的jsp页面加载时，我想从servlet中获取一个值来设置按钮的实际状态和滑块值的实际状态。在我的页面上更新之后，我想更改它的值。我已经可以将JSP页面的值传递给我的servlet，但是我在将值从servlet传递给JSP页面时有点困难

这里有一些代码可以帮助您

问候

JSP文件

<!--<!--DOCTYPE html -->

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./resources/css/jquery.mobile-1.4.2.css">
<script src="./resources/script/jquery-1.11.0.js"></script>
<script src="./resources/script/myJquery.js"></script>
<script src="./resources/script/jquery.mobile-1.4.2.js"></script>
</head>
<body>


    <!-- RDC SUB WINDOW LIVING -->
    <div data-role="page" ID="LIVING">
        <div data-role="header">
            <a href="#RDC"
                class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">HOME</a>
            <h1>LIVING ROOM</h1>
        </div>

        <div data-role="main" class="ui-content">
            <div data-role="collapsible">
                <h1>CELLING: LIGHT</h1>
                <div class="containing-element">
                    <img src="./resources/images/light-on.png" alt="LIGHT-ON"
                        class="ui-li-icon"> <br> <select id="tLight"
                        name="tLight" data-role="slider">
                        <option value="off">Off</option>
                        <option value="on">On</option>
                    </select> <input type="range" name="tDimmer" id="tDimmer" value="0" min="0"
                        max="100" data-popup-enabled="true">
                </div>

            </div>
        </div>

        <div data-role="footer">
            <h1></h1>
        </div>
    </div>
SERVLET代码：

package com.linux;

import java.io.IOException;
import java.io.PrintWriter;

import com.pi4j.io.gpio.GpioController;
import com.pi4j.io.gpio.GpioFactory;
import com.pi4j.io.gpio.GpioPinDigitalOutput;
import com.pi4j.io.gpio.PinState;
import com.pi4j.io.gpio.RaspiPin;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


//@WebServlet("/MyServlet")
public class MyServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    //GpioController gpio;
    //GpioPinDigitalOutput mLight;
    String LightState = "on";
    String DimmerValue = "25";

    public MyServlet() {
                super();

    }


    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }


    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        System.out.println("LivingLight = "+request.getParameter("mLivingLight"));  
        System.out.println("LivingDimmer = "+request.getParameter("mLivingDimmer"));    
    }
}

System.out.println（）
打印到控制台，即如果在命令提示符下或通过单击批处理文件启动Tomcat（或任何servlet容器），则打印到Tomcat的控制台。您希望打印到响应中。因此，您需要：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    PrintWriter out = response.getWriter();
    out.write("LivingLight = "+request.getParameter("mLivingLight"));  
    out.write("LivingDimmer = "+request.getParameter("mLivingDimmer"));    
}
然后在Ajax中，您需要一个success函数，在该函数中，您将使用字符串操作解析从服务器返回的响应：

             ...,
             success : function(data)
             {
                //Parse data
             },
             ....
我的servlet中使用的System.out.println（）只是为了查看我的servlet正在从网页接收帖子。正如我所说，我想做的是，当我的网页准备就绪时，将LightState和DimmerValue字符串返回到网页，以便在更改之前刷新按钮和sldier条值。无论如何，将它们写入响应是如何从servlet将它们传递回客户端的；out.write（LightState）；但我不知道如何在我的页面第一次加载时发送帖子以获得此响应。关键是我有一个java应用程序，它运行在我的raspberry Pi上，点亮LED，我想用一个web应用程序控制它们，到目前为止，这部分工作，但我想刷新我的网页，当我打开它，所以我可以有LED的最后一个值'坐感谢现在我只需要找到一种方法改变我的翻转开关值与返回的数据谢谢 
             ...,
             success : function(data)
             {
                //Parse data
             },
             ....