AjaxでServletと通信する場合のsetAttributeの使い方

Question

前提・実現したいこと

AjaxでServletに通信を行いsetAttributeの内容を描画したいのですがエラーが出て困っています。
エラー理由は、最初に読み込むjspの中にクリック時に読み込むsetAttributeが入っているためだと推測されます。どのように改修すれば良いのか教えていただけませんか？

発生している問題・エラーメッセージ

org.apache.jasper.JasperException: An exception occurred processing JSP page [/WEB-INF/view/index.jsp] at line [81]
Caused by: java.lang.NullPointerException

該当のソースコード

/**
 * 最初に呼び出される
 */
public class HelloServlet extends HttpServlet {

	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public HelloServlet() {
		super();
	}

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doPost(request, response);
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		try {
			//DBに接続する　AはDBの値
　　　　　　　request.setAttribute("1","A")
			// JSPにforward
			String view = "/WEB-INF/view/index.jsp";
			RequestDispatcher dispatcher = request.getRequestDispatcher(view);

			dispatcher.forward(request, response);

		} catch (Exception e) {
			e.printStackTrace();
		}
	}

}

//DBのAの値を描画
<td id=abcd><%request.getAttribute("1")%><td>

$(function() {
	$("#Search").click(function() {
	// Ajax通信を開始する
$.ajax({
type : "POST",
url : "Test",
success : function() {
	console.log("成功");	
//DBのAの値を消してBの値に置き換える*NullPointerExceptionエラーが出る						
$("#abcd").empty().append(<%request.getAttribute("2")%>)
},
error : function() {
console.log("失敗");}
})
});
});

//Ajaxと連携するServlet
public class HelloServlet2 extends HttpServlet {

	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public HelloServlet() {
		super();
	}

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doPost(request, response);
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		try {
			//DBに接続する　BはDBの値
　　　　　　　request.setAttribute("2","B")

		} catch (Exception e) {
			e.printStackTrace();
		}
	}

}

試したこと

Ajaxと通信するServletのsetAttribute内変数を最初に読み込むServletと同じにしてエラーを表示しないようにしましたが結局nullが出ており読み込めませんでした。

AjaxでServletと連携する場合setAttributeはしない方がよろしいのでしょうか？

###　追記
mts10806さんの指摘どうりJSONデータを使用することで解決できたため以下にコードを載せます

$												.ajax({												type : "POST",
													url : "Test",
													dataType : "json",
													success : function(data) {

														$("#a")
													
														for (j = 0; j < data.emp_list.length; j++) {
															$("#abcd")
																	.append(
																			"<tr><td>"
																					+ data.emp_list[j].emp_id
																					+"</td><td>"
																					+ data.emp_list[j].emp_name
																					+ "</td></tr>")
														}

													},

package todo.controller;

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;

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

import org.apache.jasper.tagplugins.jstl.core.Out;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import todo.controller.db;

/**
 * Servlet implementation class HelloServlet
 */
@WebServlet("/Test")
public class Test extends HttpServlet {

	static Connection connection = null;
	static PreparedStatement preparedStatement = null;
	static ResultSet resultSet = null;
	ArrayList<Object> AllSearch_JSON = new ArrayList<Object>();
	private static final long serialVersionUID = 1L;
	String all_json = null;
	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public Test() {
		super();
	}

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doPost(request, response);
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		try {
			ObjectMapper mapper = new ObjectMapper();

			String json = mapper.writeValueAsString(emp.EmployeeList());
			response.setContentType("application/json;charset=UTF-8");
			PrintWriter pw = response.getWriter();
			pw.print("{"+"\"emp_list\":"+json+"}");
		} catch (Exception e) {

		}
	}
}

//作成したJSONデータ
{
	"emp_list": [{
		"emp_id": 4,
		"emp_name": "田中太郎"
	}, {
		"emp_id": 5,
		"emp_name": "田中次郎"
	}, {
		"emp_id": 7,
		"emp_name": "田中三郎"
	}]
}

Answer 1

setAttribute,getAttributeの第一引数はキーなので、単にキーがないだけかと。
「最初に呼び出される」サーブレットのほうでは1しかキーをセットしていないけどjspでは2も呼び出そうとしていますよね。

Ajaxからのレスポンスでhtmlを返すことって余程のことがない限りなくて、
前の質問にありますようにJSONで必要なデータだけ返すべきと思います。その際、jspは必要ありません。
返されたデータをJavaScriptでHTMLに埋め込みます。

いずれにしても、画面用とAjax用のサーブレットクラス名が同じだったり、jspを共有するのはバグの元です。

Comments

[asakuta]

>setAttribute,getAttributeの第一引数はキーなので、単にキーがないだけかと。
>「最初に呼び出される」サーブレットのほうでは1しかキーをセットしていないけどjspでは2も呼び出そ
>としていますよね。

・てっきり2の方はクリック時のみ呼び出されると思っていました。
JSP側でクリック時のみ2を呼び出すにはどのようにすればすればよいのでしょうか？

>Ajaxからのレスポンスでhtmlを返すことって余程のことがない限りなくて、
>前の質問にありますようにJSONで必要なデータだけ返すべきと思います。その際、jspは必要ありませ>ん。
>返されたデータをJavaScriptでHTMLに埋め込みます。

・setAttributeでDBを表示する処理はすでに作成していたためとりあえず使い回せると思いJSONを使わずにコーディングしました。また、JSONをServlet側で変換する場合ライブラリの種類が一杯ありますがどれがおすすめですか？

>いずれにしても、画面用とAjax用のサーブレットクラス名が同じだったり、jspを共有するのはバグの元>です。

・すみません作成したプログラムは冗長部分が多かったため質問用にプログラムを新しく書いたため「Ajaxと連携するServlet」の方はコピペに頼ったためクラスが同じになってしまいました。

[m.ts10806]

どれでも良いのでまずJSONデータを作れるようになりましょう。目的が達成できるならプロセスは問いません。
いずれにしてもオブジェクトの操作です。

>「Ajaxと連携するServlet」の方はコピペに頼ったためクラスが同じになってしまいました。

質問用に作り直すにしてもやはり「コピペで再現確認できる」が原則です。
本来はpackage部分も必要ですし、Ajaxのほうも出力もjspへの連携もないので実際はアウトです。
エスパーが必要な質問はあまり良い質問とは言えません。エスパーが当たらなかったときの時間が無駄すぎます。

[asakuta]

返信遅くなりました。
時間はかかりましたが、JSONを使ってデータをやり取りするプログラムが完成しました。
ありがとうございました。

[m.ts10806]

解決されたようで何よりです。
念のため、質問にどのようになったかコードを追記していただけますか？
それによっておなじような問題を抱えた誰かの助けにもなるし
自身の備忘録にもなりますので