javascript - Ajax将带有两个数组的JSON对象发送到servlet并在没有jQuery的java servlet中解析

Question

我必须向 servlet 发送两个数组，我使用发送 JSON 对象的 Ajax POST 调用，然后我必须读取 java 中 servlet 类中的两个列表或数组中发送的数据。 我不喜欢使用 jQuery 进行 Ajax 调用。 我对json不是很熟悉，我使用了一些在stackoverflow中找到的代码，我无法理解发送或解析数据是否有问题。

下面是在 Javascript 中进行 Ajax 调用的方法，其中 cback 是回调函数，method = "POST"，url 是 servlet 的 url:

function makeCall(method, url, from, to, cback) {
    var req = new XMLHttpRequest(); 
    req.onreadystatechange = function() {
        cback(req)
    }; 
    req.open(method, url);
  
    var obj = {};
    obj["from"] = from;
    obj["to"] = to;
    var data = JSON.stringify(obj);
    req.send(data);
    

}

这里是url指定的servlet Controller 中的doPost方法。这是我发现问题的地方:执行 getParameter 后，字符串 json1 和 json2 为 null:

       
protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
            
       //...
            
       String json1 = request.getParameter("from");
       String json2 = request.getParameter("to");

       Gson gson = new Gson();
       ArrayList<Double> listFrom = gson.fromJson(json1,
                new TypeToken<ArrayList<Categoria>>() {}.getType());

       ArrayList<Double> listTo = gson.fromJson(json2,
                new TypeToken<ArrayList<Double>>() {}.getType());
                
      //...
}

Answer 1

您的ajax正在发送JSON，但您的servlet需要表单数据，其中包含JSON。
要像服务器期望的那样发送数据，请将每个数组编码为 JSON 并将它们作为表单数据发送

function makeCall(method, url, from, to, cback) {
    var req = new XMLHttpRequest(); 
    req.onreadystatechange = function() {
        cback(req)
    }; 
    req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    req.open(method, url);
  
    var params = new URLSearchParams({to: JSON.stringify(to), from: JSON.stringify(from)});
    req.send(params.toString());            
}