Это не должно быть так сложно. Возможно, вам просто нужно выровнять все технологии по очереди самостоятельно. JSP, сервлет , JavaScript , HTML DOM , HTML и Ajax - это отдельные технологии, которые необходимо узнал и понял по отдельности. Попытка все вместе сразу, не понимая их отдельно, действительно приведет к еще большей путанице, усложнению и разочарованию, как вы столкнулись. Перейдите по указанным ссылкам, чтобы узнать о них отдельно. Научитесь ходить перед бегом или ездой на велосипеде.
Библиотека jQuery просто избавляет от необходимости писать / дублировать весь код, чтобы обеспечить его совместимость со всеми браузерами. Только при выполнении Ajax-запроса путь кроссбраузера уже намного превышает 10 строк (хорошо написанного / отступа) кода. jQuery сводит его к минимуму, возможен только один вклад.
Чтобы узнать больше о стене между JavaScript / Ajax и Java / JSP / Servlet, вы можете найти эту статью полезной. Ранее я опубликовал несколько ответов о том, как заставить JSP / Servlet / Ajax работать вместе (хотя в сочетании с JSON и jQuery, но почти все согласятся, что JSON и jQuery - это путь; JSON - это легко генерировать / анализировать в Java с помощью Google Gson и легко создавать / получать доступ / обрабатывать в JavaScript, так как это собственная природа языка; на самом деле jQuery - это революция использовать JavaScript). Здесь является хорошей отправной точкой для поиска примеров кода, которые я выложил ранее.
Надеюсь, это поможет.