如何從 javascript 檢索 json 並傳遞給 servlet 並從數據中創建 class

Question

我有一個用戶編輯表單，當我提交時調用 EditMain servlet。我有這個 javascript 文件，我從中檢索數據。

$(document).on("click","#main",function(){
    // Пример за заявка POST:
    postData('http://localhost:8080/javabeans/EditMain', toJSONString(document.forms[0]))
      .then((data) => {
        console.log(data); 
      });
});
async function postData(url = 'http://localhost:8080/javabeans/edit_profile.jsp', data = {}) {
      const response = await fetch(url, {
        method: 'POST',
        mode: 'cors',
        cache: 'no-cache',
        credentials: 'same-origin', 
        headers: {
          'Content-Type': 'application/json'
        },
        redirect: 'follow',
        referrerPolicy: 'no-referrer',
        body: data
      });
      return response.json();
}

   function toJSONString( form ) {
        var obj = {};
        var elements = form.querySelectorAll( "input, select, textarea" );
        for( var i = 0; i < elements.length; ++i ) {
            var element = elements[i];
            var name = element.name;
            var value = element.value;

            if( name ) {
                obj[ name ] = value;
            }
        }

        return JSON.stringify( obj );
    }

這是我的 servlet class 當我從Json 調用 function 時我得到 nullpointerException

    response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        Gson gson = new Gson();
        String requestData = request.getReader().lines().collect(Collectors.joining());
        out.println(requestData);
        User u = gson.fromJson(requestData, User.class);
        out.println(u.getName());

我在控制台中看到我得到響應但不是 json 格式。我得到的是這個

name=asd&job=asd&description=asdasdsa%09%09%09%09%09%09Some+long+description.............%0D%0A%0D%0A%09%09%09%09%09

Answer 1

看起來響應是文本而不是 json。

嘗試

response.setContentType("application/json");

不是

response.setContentType("text/html;charset=UTF-8");

您可以在此處看到類似的內容： Servlet 返回響應為 HTML 而不是 JSON