如何将JavaScript中获取的de值通过URL传给Servlet并在Servlet端打印

Modified JavaScript Code #

First, let's update your code to pass the de value to the jill function and safely send it to your Servlet via the URL:

// Click handler for <a> tags
$('a').click(function() {
    const ty = $(this).index();
    const de = document.getElementsByTagName('klw')[ty].innerHTML;
    // Pass the retrieved de value to the jill function
    jill(de);
});

// Updated jill function that accepts the de parameter
function jill(de) {
    alert("hi" + de);
    // Encode the value to handle special characters (spaces, symbols, etc.)
    const encodedDe = encodeURIComponent(de);
    // Append the encoded value as a query parameter to the Servlet URL
    document.location.href = `openmessage?data=${encodedDe}`;
}

Key Changes: #

• The click handler now explicitly passes the de value to jill() instead of handling it internally.
• encodeURIComponent() ensures your data is URL-safe, preventing issues with special characters breaking the request.
• We add the data as a query parameter (?data=...) so the Servlet can easily retrieve it.

Servlet Side (Java) #

To retrieve and print the data in your openmessage Servlet, use this example (assuming you're using a Java HttpServlet):

import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/openmessage")
public class OpenMessageServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException {
        // Fetch the 'data' parameter from the incoming GET request
        String receivedData = request.getParameter("data");
        
        // Print the data to your server's console (check your server logs, e.g., Tomcat output)
        System.out.println("Received data from client: " + receivedData);
        
        // Optional: Send the data back to the client as part of the response
        response.getWriter().println("Successfully received data: " + receivedData);
    }
}

How It Works: #

• request.getParameter("data") pulls the value from the URL's query parameter we added in the JavaScript.
• System.out.println() prints the data directly to your server's console (you'll see this in your application server's log output).
• The optional response.getWriter() line sends the data back to the browser, so you can verify it was received correctly.

内容的提问来源于stack exchange，提问作者Mohd Saif Farooqui