Javascriptとサーブレット間での非同期通信(POST通信)においてデータを送信できない

Question

お世話になっております。プログラミング初心者のものです。
Javascriptとサーブレット間での非同期通信(POST通信)を勉強してます。

1Mバイトの文字列をWebページ(Javascript(クライアント))から送信し、サーブレット(サーバー)で受け取ったデータをそのままのレスポンスする仕組みを作成したいのですが、

サーブレット側でデータを受信することが出来ていないようで、試しにコンソール上で出力してみたところ「null」が表示されてしまいます。
また、クライアント側の「xhr.status」の値は500でした。

実行環境は下記のとおりです。
クライアント：ブラウザ(Edge,chrome,firefox)
アプリケーションサーバ：Tomcat8(Eclipse上)

ソースコードは以下になります。(抜粋)

function action(){
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://localhost:8080/httpresponse/Response',true);
xhr.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8');
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
alert( xhr.responseText + "を受け取りました。" );
} 
} 
xhr.send('data='+[1Mのデータ]);
}

package httpresponse;

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

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("/Response")
public class Response extends HttpServlet {
    private static final long serialVersionUID = 1L;

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

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    	request.setCharacterEncoding("Shift_JIS");
    	 response.setContentType("text/plain;charset=Shift_JIS");
    	 response.setHeader("Access-Control-Allow-Origin", "*");
    	String data = request.getParameter("data");
        PrintWriter out = response.getWriter();
        System.out.println(data);
        out.write(data);
        out.close();
    }

}

アプリケーションサーバの出力（System.out.println(data);）

よろしくお願いいたします。

Comments

[m.ts10806]

http://localhost:8080/httpresponse/Response

これに対してサーブレットjspでformから同じようにinputにdataというnameで入力してpost送信するとどうなりますか？

[YUTO_IT]

ご回答ありがとうございます。
検証したところ、問題なく作動したようで、
出力結果(1Mバイトテキスト)、「xhr.status」の値、共に良好(200)でした。

[m.ts10806]

んーとなると、気になるのはContent-Typeですかね。
charsetが違うのは気になります。

[YUTO_IT]

上記コードの
request.setCharacterEncoding("Shift_JIS");
response.setContentType("text/plain;charset=Shift_JIS");
　　　　　　↓
request.setCharacterEncoding("utf-8");
response.setContentType("text/plain;charset=utf-8");
に変更しても結果は同じでした。