javascript代码中的jquery spring mvc html

我有两个选项卡，如下所示。 用户选择要编辑的复选框，下一个选项卡显示用于编辑字段的字段。 我的第一个选项卡是使用jquery加载函数加载的。为了准备第二个选项卡，我使用了直接jquery代码，如。。 （“#tab2”）.append（用户名[i]+”）

我担心，如果我必须在未来更改tab2页面结构，那么修改将非常困难。 一位朋友建议我不要在javascript中添加html，而是使用ajax加载tab2。他打算在tab2.jsp中编写设计，当触发next按钮时，将加载tab2.jsp页面。 在他的解决方案中，问题是如果用户返回到tab1并编辑字段并单击next，那么tab2.jsp将再次加载，这意味着再次向服务器发送请求

你认为哪种方式更好？如果有的话，给我一些建议